Are you ready to take your web design and development skills to the next level? The Complete Web Design and Development Course will provide you with the knowledge and skills needed to design, build, and maintain successful websites. You will learn the essential principles of web design, development, and management, as well as the latest technologies used to create modern websites.
The Complete Web Design and Development Course is designed to teach you the skills needed to design, develop, and maintain successful websites. You will learn the principles of web design and development, as well as the tools and techniques used to create modern websites. You will also learn how to effectively manage web projects and develop a web presence that meets user needs.
The course covers a range of topics, from the basics of web design and development to advanced concepts and technologies. You will learn how to create and manage a website, including HTML and CSS, as well as the fundamentals of database design and development. The course also covers topics such as content management systems (CMS), information architecture, search engine optimization (SEO), and more.
In addition to the more technical aspects of web design and development, you will also be introduced to the principles of user experience (UX) and user interface (UI) design. You will learn how to create a website that is both user–friendly and visually appealing, as well as how to optimize your website for search engine rankings.
Throughout the course, you will be provided with hands–on assignments and projects to give you a practical understanding of the concepts and techniques covered. You will also be able to work with a variety of different tools, including Adobe Photoshop, Adobe Dreamweaver, and various content management systems.
By the end of the course, you will have the skills and knowledge needed to create and manage successful websites. You will also have a solid understanding of the principles of web design and development and be able to use the latest web technologies to create modern websites.
The Complete Web Design and Development Course is designed to provide you with a comprehensive and in–depth understanding of the principles of web design and development. You will gain the skills you need to create and manage successful websites, as well as the knowledge to develop a web presence that meets user needs.
If you are interested in taking your web design and development skills to the next level, the Complete Web Design and Development Course is the perfect course for you. You will learn the essential principles of web design, development, and management, as well as the latest technologies used to create modern websites. With hands–on assignments and projects, you will gain the skills and knowledge needed to create and manage successful websites.
- Basic Computer Skills
- PC with Internet Connectivity
- Complete Web Design Development from Scratch
- Learn Photoshop Essentials
- Build Websites with HTML5 & CSS3 (Projects Included)
- Build Front-End Web Apps with Dreamweaver CC
- Add Interactivity with JavaScript & ES6 – ECMAScript 6 (Projects Included)
- Build Angular 10+ Apps from Scratch (Projects Included)
- Build React Web Application (Projects Included)
- Learn Complete Bootstrap 5 Latest (Projects Included)
- Build Web Application with PHP & MySQL (Projects Included)
- Build EMS Web App with CodeIgniter 3 (Projects Included)
- Learn Python from Scratch with Practicals
- Build Python Based Web Apps with Django 3 (Projects Included)
- Build a Blog App with WordPress CMS (Projects Included)
- Build E-Commerce Web Application with WooCommerce (Project Included)
- Introduction to Adobe Photoshop CC
- Introduction
- Creating a New Document
- Workspace overview in Adobe Photoshop
- Section 1: Quiz
- Basic Tools for Editing
- Working with Layers
- Marquee selection tools
- Lasso tools
- Section 2: Quiz
- Creating 2D Scene with Adobe Photoshop
- Scene Introduction
- Creating Sky
- Creating Sun
- Creating Mountains
- Creating Clouds
- 2D Scene Final Touch-Ups
- Section 3: Quiz
- Working with layers
- Opening an Image
- Raster Image VS Smart Objects
- Remove Background from Products
- Removing Background from Hair
- Section 4: Quiz
- Retouching in Adobe Photoshop
- Working with Adjustments
- Effects in Adobe Photoshop
- Healing Tools
- Content Aware Tool
- Dodge & Burn
- Clone-Stamp Tool
- Section 5: Quiz
- Typography Basics
- Adding New Fonts in Photoshop
- Basics of Typography
- Filters
- Basic Filters in Photoshop
- Course Conclusion
- Introduction to HTML5 & CSS3
- Introduction to HTML5 & CSS3
- What you will need
- Installing VS Code / Visual Studio Code
- Hello, World!
- Tags in HTML5
- Document structure in HTML5
- HTML5 Basics
- Headings and Paragraphs
- Text Formatting
- links in HTML5
- Nested links in HTML5
- Lists in HTML5
- Working with Images
- Tables in HTML5
- HTML5 Forms
- Forms in HTML5
- Creating a Contact Form
- Creating a Login Form
- Creating a Registration Form
- HTML5 media
- Grouping Elements
- HTML5 Media Tags
- IFrames in HTML5
- Figure Tag in HTML5
- Collapse Elements with Details Tag
- HTML5 Website Structure
- Creating The Header
- Creating Nav Menu
- Creating The Banner
- Adding Content to Page
- Creating The Sidebar
- Building Page Footer
- Adding Copyright
- CSS & CSS3 Essentials
- Inline CSS
- Internal CSS
- External CSS
- Box Model in CSS
- Targeting Elements in CSS
- Designing with Box Model
- Website Project HTML5 & CSS3
- Building The Container
- Building The Website Header
- Creating The Nav Bar
- Making Drop-Down Menu
- Creating Image Slider
- Making Content Holder
- Creating Sidebar
- Making Footer
- Creating About-us Page
- Creating Services Pages
- Building The Products Page
- Building Contact Page
- Adding Nav-Menu
- Responsive Design (RWD) Explained
- Animation with CSS3
- Introduction to JavaScript
- Introduction to JavaScript
- What you should know
- Hello, World!
- JavaScript Statements
- Placements in JavaScript (Part 1)
- Placements in JavaScript (Part 2)
- JavaScript Fundamentals
- Variables in JavaScript
- Conditions in JavaScript
- Operators in JavaScript
- Working with Browser Console
- Loops in JavaScript
- Functions in JavaScript
- Creating Custom Loops with Functions
- Data Types in JavaScript
- Working with Arrays
- Numbers in JavaScript
- Strings in JavaScript
- Working with Dates Object
- Objects in JavaScript
- DOM – Document Object Model
- DOM in JavaScript
- Element Node Types
- Working with DOM Elements
- Changing Contents of DOM
- Creating New Elements with JavaScript
- Adding Events to DOM Elements
- Working with Form Elements
- Timers in JavaScript
- JavaScript Advanced
- Debugging in JavaScript
- Creating Modern Live Validation Forms
- Minify & Validate JavaScript
- Using JavaScript Libraries
- Working with Modern JavaScript
- Making Use Of Use Strict
- JavaScript Bad Practices
- JavaScript Regular Expressions
- JavaScript Conclusion
- Introduction to ECMA Script 6+
- Introduction to JavaScript ES6+
- What you should know
- What is (ES6) ECMA Script 6
- Transpiling in ES6
- Why use Babel JS
- How to use Babel JS
- Installing Node JS
- JavaScript ES6 Fundamentals
- Let syntax in ES6
- Using The Const Keyword
- Working with Template Strings
- Spread Operator in JavaScript ES6
- Default Function Parameters in ES6
- Working with Object Literals in ES6
- Arrow Functions in JavaScript ES6
- Arrow Functions with This Scope in ES6
- Destructuring in JavaScript ES6
- Generators in JavaScript ES6
- Working with Class Syntax in JavaScript ES6
- Class Inheritance in JavaScript ES6
- JavaScript ES6 Conclusion
- Getting Started with Bootstrap 5
- Introduction to Bootstrap 5
- What you will need
- Hello World
- Bootstrap 5 document structure
- Section 1: Quiz
- Layouts in Bootstrap 5
- Breakpoints in Bootstrap 5
- Containers
- Grid
- Grid Options
- Nesting Rows and Columns
- Column Vertical Alignment
- Column Horizontal Alignment
- Column Wrapping and Column Breaks
- Reordering and Offsetting Columns
- Margin Utilities
- Gutters
- Horizontal Gutters
- Vertical Gutters
- Horizontal and Vertical Gutters
- Section 2: Quiz
- Contents in Bootstrap 5
- Typography
- Inline Text Elements
- Abbreviations and Blockquotes
- Working with Lists
- Images in Bootstrap
- Tables in Bootstrap
- Table Alignment, Nesting and Anatomy
- Figures in Bootstrap
- Section 3: Quiz
- Forms in Bootstrap 5
- Forms in Bootstrap
- Form Control
- Checks and Radios
- Range
- Input Groups
- Floating Labels
- Form Layout
- Horizontal Forms
- Auto Sizing Forms
- Inline Forms
- Form Validation
- Section 4: Quiz
- Components in Bootstrap 5
- Accordions
- Alerts
- Dismissing Alerts
- Badges
- Breadcrumb
- Buttons
- Button Group
- Button Toolbar
- Button Group Alteration
- Card
- Card Sizing
- Card Navigation
- Card Images
- Card Styles
- Carousel
- Carousel Controls
- Carousel Indicators
- Carousel Caption
- Carousel Fade Effect
- Carousel Timing
- Disable Carousel Touch Swiping
- Carousel Dark Variant
- Close Button
- Collapse
- Horizontal Collapse
- Multiple Targets
- Dropdowns
- Split Button
- Dropdown Sizing
- Dark Dropdowns
- Dropdown Directions
- Drop up and Dropdown Alignment
- Menu Items
- Menu Alignment
- Dropdown Alignment Options
- Menu Contents
- Dropdown Forms
- Dropdown Options
- Dropdown Auto Close
- List Group
- List Group Links and Buttons
- List Group Flush
- Numbered List
- Horizontal List Groups
- Contextual List Group Classes
- List Group with Badges
- List Group with Custom Content
- List Group Checkboxes and Radios
- List Group JavaScript Tabs
- Modals
- Static Backdrop
- Scrolling Long Content
- Vertically Centered
- Modal Tooltips and Popovers
- Using Grid System In Modal
- Varying Modal Content
- Toggle Between Modals
- Optional Modal Sizes
- Navbar
- Navigation Links
- Navbar Dropdown
- Navbar Nested Dropdown
- Navbar Forms
- Navbar Input Group
- Navbar Plain Text
- Navbar Colors
- Navbar Containers
- Navbar Placement
- Navbar Scrolling
- Off Canvas Navbar
- Navs and Tabs
- Nav Flex Utilities
- Nav Tabs and Pills with Dropdown
- Tabs and Pills Behaviors
- Offcanvas In-Depth
- Offcanvas Scrolling
- Offcanvas Placement
- Pagination
- Placeholders
- Popovers In-Depth
- Popover Direction
- Custom Popovers
- Dismiss on Next Click
- Enable Popover On Hover
- Progress Bars
- Progress Bar Height and Background
- Stripes And Animation
- Scrollspy
- Spinners
- Growing Spinner
- Spinner Alignment
- Spinner Sizes
- Spinner In Buttons
- Toasts
- Toast Alignment
- Tooltips In-Depth
- Custom Tooltip
- Tooltip Directions
- HTML in Tooltip
- Tooltip On Disabled Elements
- Section 5: Quiz
- Helpers in Bootstrap 5
- Clearfix
- Colors and Background
- Colored Links
- Ratios
- Positions
- Stacks
- Visually Hidden
- Stretched Link
- Text Truncate
- Vertical Rule
- Section 6: Quiz
- Utilities in Bootstrap 5
- Backgrounds
- Text Colors
- Text Opacity
- Display Inline and Block
- Hiding Elements
- Display In Print
- Flex
- Flex Direction
- Flex Justify Content
- Flex Align Items
- Flex Align Self
- Flex Fill
- Flex Grow And Shrink
- Flex Auto Margins
- Flex With Align Items
- Flex Wrap
- Flex Order
- Flex Align Content
- Flex Media Object
- Responsive Float
- Interactions
- Opacity
- Overflow
- Position
- Position Center Elements
- Position Center Elements Within Edges
- Position Examples Part 1
- Position Example Part 2
- Shadow
- Sizing
- Spacing
- Gap
- Text Alignment
- Text Wrap
- Text Break
- Text Transform
- Font Size
- Font Weights And Italics
- Line Height
- Monoscope
- Reset Color
- Text Decoration
- Vertical Alignment
- Visibility
- Bootstrap Icons
- Section 7: Quiz
- Project 1: EMS web app with Bootstrap 5
- Introduction to EMS2.0 Application project
- Creating the Login Page
- Creating Dash Nav and Brand Logo
- Creating the Navbar Toggler
- Creating Navbar Items
- Creating Form Fields for Navbar
- Creating Cards for Dashboard
- Creating Employees List Page
- Creating Employees Page Sidebar
- Creating Employees List Table
- Creating Add Employee Modal
- Creating Add Employee Modal Form
- Creating Details Modal for Employee List
- Creating Edit Details for Employee List
- Creating Delete Modal for Employees List
- Creating Jobs List Page
- Updating the Job List Page
- Creating Job List Table
- Creating Add Job Modal
- Creating Details Modal for Job
- Creating Edit Details for Job Modal
- Creating Delete Modal for Job List
- Project 2: Blog App with Bootstrap 5
- Blog project introduction
- What’s required for Template Building
- Creating the index file
- Creating the Navbar and brand logo
- Creating Navbar Toggler
- Creating Navbar Items
- Creating the search field
- Creating the home banner
- Creating the subscribe modal
- Creating Home Posts Section
- Creating Blog Footer
- Adding Custom Effects to Navbar
- Creating Default Page Header
- Creating Post Loop for Default Page
- Creating Sidebar Subscribe Form
- Creating Categories and Archive Widgets
- Creating Page and Post Content Area
- Creating Comment Form for Posts
- Creating the Search Page
- Linking Everything Together
- Project 3: Real-World Education Project
- Introduction to project
- Setting up Project Folder
- Creating Navbar and Brand
- Creating Navbar Toggler
- Creating Nav Items
- Creating Navbar Search Field
- Creating Navbar Sign-up and Login Buttons
- Creating the Banner Text
- Adding Banner Image
- Creating Site Feature Set
- Creating Course Loop Header
- Creating Course Loop Filter
- Creating Course Loop List Header
- Creating Single Course List Item
- Creating Duplicates of Course Items
- Creating Home Page Content
- Adding Home Content Image
- Creating Subscribe Area
- Creating Main Footer
- Creating Footer Address
- Creating Link Items for Footer
- Creating Social Icons
- Creating Copyright Info
- Creating Sticky Footer
- Creating About Page Header
- Creating About Content Section
- Creating the courses page
- Creating Single Course page and Breadcrumb
- Creating Course Header Description and Metadata
- Creating Course Metadata
- Adding Icons to Course Metadata
- Adding Course Buttons
- Creating Single Course Image
- Creating Single Course Contents
- Creating FAQ Header
- Creating FAQ List
- Creating Post Question Form
- Creating Blog Page and Header
- Creating Blog Posts List
- Creating Blog Sidebar
- Creating Subscribe Modal
- Creating the subscribe form
- Creating Single Post Page
- Creating Contact Page Header
- Creating Contact Page Cards
- Creating Contact Modal
- Linking Everything Together
- Getting Started with Adobe Dreamweaver CC
- Introduction to Dreamweaver CC
- What you will need
- Creating New Workspace
- Setting up Project in Adobe Dreamweaver
- Hello World
- Section 1: Quiz
- Adobe Dreamweaver CC Exercise Files
- Adobe Dreamweaver CC HTML Components
- Creating Div tags with Classes and ID’s
- Creating Div tags without Classes and ID’s
- Adding images to Dreamweaver Project
- Headings & Paragraphs
- Working with Tables in Dreamweaver CC
- Adding Figure Element to Page
- Creating Lists & Links
- HTML5 Semantic Elements
- Header, Footer, Meta & Scripts
- Media in Dreamweaver CC
- HTML5 Audio in Dreamweaver CC
- Additional HTML Components & Tools
- Forms in Adobe Dreamweaver CC
- The Form Tag & Its Attributes
- Working with Text Fields
- Input Fields in Dreamweaver CC
- Other Input Fields in Dreamweaver CC
- Basic Site with Adobe Dreamweaver CC
- Setting up Project
- Styling the Body tag with CSS Designer
- Creating the Header Holder
- Creating The Container
- Adding Logo to Our Site
- Creating The Menu
- Creating Banner for the Website
- Creating Body Content
- Creating Footer Section
- Live Site Designer in Adobe Dreamweaver CC
- Introduction to Bootstrap for Dreamweaver CC
- Adding Custom CSS to Bootstrap
- Working with Bootstrap Grid
- Customizing the Navbar
- Navbar Types
- Carousel in Bootstrap
- Image Classes in Bootstrap
- Bootstrap Thumbnails
- Media Items & Glyph Icons
- Responsive Video Embed
- Jumbotron in Bootstrap
- Bootstrap Buttons
- Button Types & Groups
- Input Groups, Panels, & Wells
- Tabs, Accordions & Pager
- jQuery Mobile in Adobe Dreamweaver CC
- Creating a Basic Page
- jQuery Mobile List Options
- jQuery Mobile Grid
- jQuery Mobile Collapse
- jQuery Mobile Form Components
- jQuery Mobile Other Form Components
- jQuery UI Fundamentals
- jQuery UI Accordion
- jQuery UI Tabs
- jQuery UI Date, Slider, & Modal
- jQuery UI Other Forms Components
- Project – EMS Web App
- Setting up The Project
- Creating The Login Page
- Creating The Dashboard
- Creating The Employee Page
- Creating Employees Table
- Creating Add Employee Form
- Creating Update Employee Page
- Creating Jobs List Page
- Creating Add Job Form
- Update Job Page
- Linking Pages Together
- Creating Single Data Page
- Project – Blog App
- Setting up for Blog Application
- Creating Home Page
- Creating Sidebar Widget
- Creating Post & Page
- Creating Static Page Template
- React Introduction
- Introduction to React JS
- Installing browser tools
- Installing Node JS for React
- Installing VS Code for React
- Hello World in React JS
- React JS Fundamentals
- What is a Component in React JS
- Create First React Component
- Stateless Component in React JS
- Props in React JS
- Events in React JS
- State in React JS
- Adding State to Note Component
- Refs in React JS
- Sticky Notes Project in React JS
- Creating Board With Props in React JS
- Adding Child Elements to Board
- Updating & Deleting Notes
- Adding Notes
- Keys in React JS
- Mounting Components
- Setting Default Styles
- Updating Components
- Making React Components Draggable
- Setup & Install Create React App
- Building Scratch Pad With React JS
- Conclusion For React JS
- Create React App – Getting Started
- Introduction to Create React App
- Prerequisites
- Create React App – What is React
- What is React
- Install React Tools on Chrome
- Install React Tools on Firefox
- Create React App – React Element
- Install Create-React-App
- Project Generation
- Creating React Elements
- Using JSX to Refactor Elements
- Create React App – Components in React
- Creating React Components
- Creating Different Components
- Component Properties
- Working with Lists
- Adding Keys to List Items
- Display Images in React
- Working with Fragments
- Create React App – State in React Component
- Conditional Rendering
- Destructureing Arrays and Objects
- Working with useState Hook
- Working with useEffect
- Incorporating useReducer with React
- Create React App – React Asynchronous
- Using Hooks to Fetch Data
- Displaying Data from API with React
- Handling Loading States
- Create React App – Testing React
- Testing Platform using Create React App
- Using Jest to Test Small Functions
- Testing Library in React
- Testing Hooks with React Testing Library
- Create React App – Working with React Routers
- Installing and Setting up React Routers
- React Routers Configuration
- Linking Components Together
- React Project – Introduction
- Introduction to React Project
- React Project – Setting-up & Installation
- Installing Requirements
- Create React App Installation
- Clean up React Application
- Using External Components
- Installing Bootstrap CSS in React
- Customizing Bootstrap Components in React
- React Project – Developing project
- Building your first Component
- Sub Component Hooks
- Adding Appointments into our Project
- Creating JSON Data for Demo Users
- Importing JSON Data into React Part-1
- React Project – Setting-up Sort & Search Funtionality
- Sending Data to the Component
- Conditional Classes and useState Hooks
- React Project – Manipulating Data
- Working with useEffect and useCallback
- Deleting Data
- Searching Data with Filters
- Working with Sort
- Applying the Sort Algorithm
- Adding New Appointments
- Introduction to Angular
- Introduction to Angular
- What you should know
- What you need to get started
- Installing Node JS for Angular
- Installing Angular
- Installing Cmder for Angular
- Angular 9+ Fundamentals
- Setting up Angular Project
- Install VS Code for Angular
- Creating the “Hello World” Project in Angular
- Angular App Directory Structure
- Creating New Components in Angular
- Creating Styles for Angular Components
- Adding Bootstrap & jQuery to Angular Project
- Interpolation in Angular
- Data Binding in Angular
- Ng If Else Directives in Angular
- Event Binding in Angular
- Pipes in Angular
- Input Decorator in Angular
- Creating Services in Angular
- HTTP Client Module in Angular
- Conclusion
- Introduction to Python
- Introduction to Python 3
- Installing Python 3 the right way
- Environmental set up for Python
- Hello World in Python
- Check Python version script
- Python Basics
- Statements & Expressions in Python
- White-Space & Indents in Python
- The print() function in Python 3
- Blocks & Scopes in Python 3
- If, Else, Elif in Python 3
- Loops in Python
- Functions in Python
- Objects in Python
- Data Types in Python
- Data types Overview
- String-Types in Detail
- Numeric Types in Python
- Bool-Type in Python
- Sequence Type in Python
- Type() Id() & Isinstance() in Python
- Conditional Operations with Python
- Conditions in Python
- Ternary Operations in Python 3
- Arithmetic Operators in Python
- Comparison Operators
- Boolean Operators in Python
- Loops in Python
- While Loop in Python
- For Loop in Python
- Loop Control in Python
- Defining Functions in Python
- Defining a Function
- Function Arguments
- Function Arguments with Loops
- Data Structure in Python
- Lists in Arguments
- Keyword Arguments
- Return Values in Functions
- Generators in Python
- Decorators in Python
- Lists and Tuples
- Dictionaries in Python
- Sets in Python
- List Comprehensive
- Object-Oriented Programming in Python
- Creating a Simple Class
- Constructing an Object
- Class Methods in Python
- Handling Exceptions
- Working with Files & Modules
- Files in Python
- Writing Files in Python
- Binary Files in Python
- Built In Modules in Python
- Projects
- Simple Dictionary App
- Snake Game in Python
- Python Course Conclusion
- Introduction to Django 4
- Introduction
- What you should know
- Setting up Django for Development
- What is Django
- Installing Python and Django
- Creating Django Project in Virtual Environment
- Building an App with Django
- Django Models & Administration
- MVC Architecture in Django
- Models in Django
- Understanding The Models for EMS
- Implementing Models and Fields
- Migrations in Django
- Managing Data with Django Admin
- Django ORM with Shell
- URLs & Views in Django
- URL Patterns in Django
- Implementing URLs in Django
- Implementing Views in Django
- Building Templates with Django
- Django Templates
- Building First Django Template
- Creating Details Page for Employees
- Structuring Templates the Right Way
- Designing Details Page with Bootstrap 5
- Adding Static Files in Django
- Applying URLs to Details Page
- Building a Portfolio with Django 4
- Project Overview
- Exercise files & How to use them
- Skills & Tools required
- Install & Setup Django Project
- Folder Structure
- Setting up Project App
- Creating a New App in Django 4
- Registering The Projects App
- Creating Home Page
- Creating About Page
- Django Databases
- Creating Project Models
- Selecting Database for Django
- Django Migrations
- Creating Superuser for Django
- Adding Projects App to Django Admin
- Adding Projects to Database
- Setting Titles in Django Admin
- Adding Filter in Django Admin
- Display Data on Front-End
- Setting-up Views for Front-End
- Display Data with Django Templates
- Integrating Bootstrap 5 in Django
- Customizing Bootstrap Template
- Add Static Images in Django
- Collect Static in Django
- Displaying Profile Image in Front-Page
- Adding Static CSS & JS Files
- Showing Title in Cards from Database
- Displaying The Project Images
- Display Single Project
- Updating Veiws.py for Single Project
- Updating Urls.py for Single Project
- Customizing Project Details Page
- Finishing The Project with Linking to Details Page
- Introduction to PHP & MySQL
- Introduction
- What is PHP
- What we need for PHP
- Environmental set up for PHP
- PHP Fundamentals
- Embed code in Page
- Request & Response Cycle in PHP
- Data Types in PHP
- Variables in PHP
- Strings in PHP
- Numbers in PHP
- Math Operations in PHP
- Constants in PHP
- Operators in PHP
- String Functions in PHP
- Data Types Explained
- Arrays in PHP
- Array Functions in PHP
- Array Keys & Values in PHP
- Conditions in PHP
- Switch Case in PHP
- Loops in PHP
- Functions in PHP
- PHP Include & Require Functions
- Using Forms in PHP
- MySQL Fundamentals
- MySQL Connecting to Database
- MySQL Database Structure
- MySQL Insert Data to Database
- MySQL Create Data with PHP Forms
- MySQL Read Data in Front-End
- MySQL Read Single Data From Database
- MySQL Update Database with PHP Form
- MySQL Delete Data From Database
- EMS Web App Project
- Register Page with PHP & MySQL
- Login Page with PHP & MySQL
- Encrypting Pages with PHP
- Add Navbar to EMS App
- Creating Dashboard in PHP
- Adding Employees List in Dash
- Adding New Employees with Bootstrap Form
- Creating Single Employee Details
- Updating Single Employee Details
- Delete Single Employee
- Hosting your Application on Web Host
- Conclusion
- CodeIgniter Basics
- Introduction to CodeIgniter
- What you should know
- Install CodeIgniter in Local Development Server
- Hello World in CodeIgniter
- Section 1: Quiz
- CodeIgniter Fundamentals
- Application Structure in CodeIgniter
- Configure CodeIgniter for Development
- Controllers & Views in CodeIgniter
- Controllers Additional Parameters Data
- URI Segments in CodeIgniter
- URL’s in CodeIgniter
- Section 2: Quiz
- Setting up CodeIgniter Project
- Adding Bootstrap to CodeIgniter project
- Creating Default Home Controller in CodeIgniter
- Remove index.php from URL in CodeIgniter
- Section 3: Quiz
- Creating a Login & Registration Page
- Creating a Login page with CodeIgniter
- Collect login data in CodeIgniter
- Creating a Registration Page in CodeIgniter
- Collect Registration data in CodeIgniter
- Section 4: Quiz
- Database Structure & Management
- Database structure for user registration
- Registering new users in CodeIgniter
- Check user login in CodeIgniter
- Section 5: Quiz
- Dashboard with CodeIgniter
- Creating the Dashboard
- Encrypting the Dashboard with Sessions
- Creating Navbar inside Dashboard
- Creating Logout method in CodeIgniter
- Creating sidebar for the Dashboard
- Section 6: Quiz
- Creating Job Section
- Creating Job form in CodeIgniter
- Creating Jobs Table in PhpMyAdmin
- Inserting new jobs inside MySQL with CodeIgniter
- Creating jobs list in front-end with CodeIgniter
- Creating job update form with data in CodeIgniter
- Updating details in Database with CodeIgniter
- Deleting jobs from Database table with CodeIgniter
- Section 7: Quiz
- Creating Employee Section
- Creating employee table in Database
- Creating Add Employee Form in CodeIgniter
- Adding & Displaying Employees list in CodeIgniter
- Get single Employee Details in CodeIgniter
- Getting single Employee details in Form Fields
- Update Single Employee Details in CodeIgniter
- Delete Specific Employee from Database in CodeIgniter
- Hosting your CodeIgniter Web App
- Hosting your CodeIgniter Web App
- Conclusion
- Introduction to WordPress & Environmental Setup
- Introduction to WordPress
- WordPress.com Vs. WordPress.org
- What you will need
- Downloading & Installing XAMPP
- Setting up XAMPP
- Installing WordPress locally
- Login to WordPress
- WordPress Dashboard
- Section 1: Quiz
- Settings on WordPress
- General Settings on WordPress
- Writing Settings on WordPress
- Reading Settings On WordPress
- Discussions On WordPress
- Media Settings On WordPress
- Permalinks On WordPress
- Section 2: Quiz
- Installing, Setting up & Managing Plugins
- Installing & Activating Plugins
- Setting Up Sharing Buttons
- Section 3: Quiz
- Categories in WordPress CMS
- Working with Categories
- Nesting Categories
- Section 4: Quiz
- WordPress Posts, Pages & Media
- Working With WordPress Posts
- Working With WordPress Media
- Creating WordPress About & Contact Page
- Working With WordPress Tags
- Working With Links
- Section 5: Quiz
- Managing Comments, Plugins, & Users
- Managing Comments On WordPress
- Managing Plugins On WordPress
- Managing Users On WordPress
- Section 6: Quiz
- Appearance & Menus
- Appearance On WordPress
- Working With Menus On WordPress
- Conclusion
- Section 7: Quiz
- Introduction & Set up
- Introduction to WooCommerce
- What you should know
- Why choose WooCommerce
- Setting up WordPress for E-Commerce
- Downloading & Installing WooCommerce
- Creating & Managing Products
- Creating new product with WooCommerce
- Installing New Theme
- Adding Product & Image Gallery
- Working with Product Information Data
- Variable Product Complete Setup
- Creating Digital Products
- Creating Short Descriptions
- Creating Grouped Products in WooCommerce
- Importing Sample Data in WooCommerce
- WooCommerce Additional Set up
- Adding shipping details to WooCommerce
- Setting up Payment Gateway
- Setting up WooCommerce Taxes
- Installing Storefront Theme
- Working with WooCommerce Widgets
- WooCommerce Settings
- WooCommerce General Setup
- Product Settings in WooCommerce
- Account & Privacy in WooCommerce
- Email Settings in WooCommerce
- Advanced Settings in WooCommerce
- Testing WooCommerce
- Testing WooCommerce Site
- Working With Orders in WooCommerce
- Working with WooCommerce Reports
- Creating & Managing Coupons
- Getting Started with WordPress Theme Development
- Introduction
- Getting the Tools
- Setting up Development Environment
- Hello World
- Creating Theme ScreenShot
- The Master Plan
- Building the Home Page
- Structuring The Index Page
- Adding Custom Logo to Our Theme
- Creating a Custom Search Bar
- Adding Simple Menu
- Adding Images for Banner Slider
- Displaying The Post Loop
- Creating Home Sidebar
- Adding Footer Widgets
- Styling Home Page
- Registering Style Sheet to WordPress Theme
- Styling Container
- Creating Styles for Logo
- Customizing The Search Bar
- Styling The Navigation Bar
- Creating Banner Slideshow
- Cutomizing Content in Home Page
- Styling the Sidebar
- Customizing Footer in Home Page
- Small Fix for Dropdown Menu
- Building Theme Files
- Simplifying WordPress Theme
- Creating Page Template for all Pages
- Creating Post Page & Featured Images
- Add Meta Informations & Commenst in Post Template
- Creating Other Important Template Pages
- Creating Search Results Page
- Bootstrap 5 Intrgration
- Setting up New Theme for Bootstrap 5
- Integrating Bootstrap 5 in WordPress Theme
- Adding Navbar for WordPress Theme
- Customizing Navbar
- Adding Dynamic Links to Navbar
- Adding Search Form to Bootstrap Theme
- Building Default Page
- Creating Post Loop List
- Creating Custom Excerpt Data
- Adding Images to Post Loop
- Registering The Sidebar
- Adding Bootstrap Classes to Widgets
- Building The Footer
- Design & Develop Front-Page
- Assigning a Front-Page
- Creating Banner Contents
- Creating CTA Form & Button
- Designing The Featured Section
- Adding Course Cat Text Area
- Adding Course Cat Images & Captions
- Displaying The Content Section for Front-Page
- Adding Form Functionality to Pop-up
- Making Page Template with Bootstrap 5
- Creating Banner Section of Page
- Creating Page Content & Full-With Template
- Adding CTA Section to Pages
- Simplyfing Sidebars
- Adding Image Styles to Page Content
- Adding Blockquote Styles
- Adding Code Styles to Page Template
- Creating Post Template from Page
- Creating Additional Theme Pages
- Creating The Category Page
- Building The Tag Template
- Creating The Author Page
- Creating Date Archive Page
- Creating Archive & Search Page
- Creating The 404 Page
- Working with Advanced Custom Fields
- Setting up About Page for ACF
- Creating Additional Fields with ACF
- Displaying ACF Fields in Front-End
- Setting up Theme Additions with ACF
- Setting-up Front-Page Features
- Displaying Dynamic Featured Content
- Setting Up Contact Page with ACF
- Working with Custom Post Types
- Custom Post Type Introduction
- Adding Couses Post Types
- Adding ACF to Custom Post Types
- Creating Custom Post Type Archive Pages
- Display Course Meta Information on Loop
- Creating Single Course Page
- Creating Online Course Archive & Single Page
- Linking Post Types ToGether
- Pause for Adding Real-Content
- WordPress Site Page Speed Test (Speed Proof)
