About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
The Complete Web Development Course: Build 15 Projects
Introduction - Get your free Unlimited Web Hosting - HTML
Introduction
Preview
HTML Chapter: Roadmap and Full Source Code
Structure of a Website
Your First Website
Get Your Free Unlimited Web Hosting
Set up FTP (Cyberduck Version)
Set up FTP (FileZilla Version)
Headings
Paragraphs
Links
Images
Inline vs Block Elements
Iframes - Activity: Embed a Nice Relaxing YouTube Video to Your Website
Unordered Lists
Ordered Lists
Description Lists
Tables
Entities
Forms (1) - Activity: Create a simple Login Form
Forms (2) - Activity: Create a Marketplace Checkout Form
Text Decoration
Comments
CSS
Introduction
CSS Chapter: Roadmap and Full Source Code
Inline CSS
Internal CSS
External CSS
Classes and IDs
Div and Span
Box Model
Box Model Padding
Box Model: Border
Box Model: Outline
Box Model: Margin
Background
Floating
Positioning
Display
Text Decoration
Text Align
Text Font
Text Effects
Image Sprites
Image Opacity
Styling Lists
Styling Links
Gradients
2D Transforms
3D Transforms
Transitions
Animations
Professional Project: Mathematics Tutorials Website (HTML and CSS)
Introduction
Header (1)
Header (2)
Menu
Introduction Box
Sidebars (1)
Sidebars (2)
Footer and Congratulations
Maths Website Source Code
Advanced CSS with Flexbox, Grid and SASS
Flexbox: Introduction
Chapter Source Code
Flexbox: Basic Flexbox
Flexbox: Align Flex Items
Flexbox: Align Flex Lines
Flexbox: Resize Flex Items (1)
Flexbox: Resize Flex Items (2)
Flexbox Application: Photo Gallery (1)
Flexbox Application: Photo Gallery (2)
Flexbox Application: Amazon Checkout (1)
Flexbox Application: Amazon Checkout (2)
Flexbox Application: Amazon Checkout (3)
Flexbox Application: Maths Website (1)
Flexbox Application: Maths Website (2)
Flexbox Application: Maths Website (3)
CSS Grid: Introduction and Basic Grid Template
CSS Grid: Implicit vs Explicit Grid
CSS Grid: Grid Areas and Responsive Design
CSS Grid: Master the "Grid-column" Property
CSS Grid: Grid Coordinates
CSS Grid: Align Grid Items
CSS Grid Application: Photo Gallery
CSS Grid Application: Picture Grid
Sass: Introduction - Installation - Nesting Syntax
Sass: .scss vs .sass - Variables
Sass: @import and @extend Directives
Sass: Mixins - Operators - Functions
Javascript
Introduction
JavaScript Chapter: Roadmap and Full Source Code
Buttons
Change HTML Content
Change HTML Style
Variables and Data Types
Change HTML Using Variables - Activity: Random Color Generator
Functions: Activity: Swap the Content of Two Divs
Objects
Create Objects using the "New" Keyword
Object Contructors
Arrays
If and Switch Statements - Activity: Motorway Speed Control
For Loops
While Loops - Activity: Spend $1000 Randomly in a Marketplace
Regular Expressions
Errors (1)
Errors (2) - Activity: Password Validation
Set Interval and SeTimeout - Activity: Create a Simple Counter
Window and Screen
Alert Boxes
Cookies
Professional Project: Maths Game (HTML, CSS and JavaScript)
Introduction
Page Structure and Styling (1)
Page Structure and Styling (2)
Page Structure and Styling (3)
Page Structure and Styling (4)
JavaScript Code (1)
JavaScript Code (2)
JavaScript Code (3)
JavaScript Code (4) and Congratulations
Math Game Source Code (PDF)
Math Game Source Code (zip)
jQuery
Introduction and Loading JQuery
JQuery Chapter: Roadmap and Full Source Code
Select HTML Elements (1)
Select HTML Elements (2)
Respond to Events
Change HTML Content and Attributes (1)
Change HTML Content and Attributes (2)
Change Styling (1)
Change Styling (2) - Activity: Random Position and Color Generator
JQuery Effects
Ajax
JQuery UI Introduction
Draggable and Droppable (1) - Activity: Leave Me Alone. Please Drop Me
Draggable and Droppable (2) - Activity: Drag Items to Your Basket
Resizable
Selectable - Activity: Append selected Car Makes to a Box
Sortable - Activity: Sort and exchange Car Makes Between Two Groups
Accordion - Activity: Create a Resizable Accordion with Collapsible Sections
Autocomplete - Activity: City Input with Prepopulated Options
Button
Date Picker - Activity: Outbound and return Flight Date Picker just like Expedia
Dialog - Activity: Are You Sure You Want to Go to the Previous Page?
Menu
Progress Bar - Activity: Animated Progress Bar Filled From 0% to 100%
Select Menu
Slider - Activity: Car Mileage Range using a Slider
More Widgets: Spinners, Tabs and Tool Tips
Professional Project: Fruits Slice Game (HTML, CSS and JQuery)
Introduction
Page Structure and Styling
Game Logic using an Illustrative Flowchart
jQuery Code (1)
jQuery Code (2)
jQuery Code (3)
jQuery Code (4)
Fruits Slice Game Source Code (PDF)
Fruits Slice Game Source Code (zip)
Twitter Bootstrap
Introduction
Bootstrap Chapter: Roadmap and Full Source Code
Grid System
Typography
Tables
Forms (1) - Activity: Inline and Horizontal Responsive Login Forms
Forms (2)
Forms (3)
Buttons
Images
Navs - Activity: Website Design using Nav Tabs and Nav Pills
Navbars - Activity: Website Design using a Responsive/Collapsible Navigation Bar
Pagination - Activity: Pagination and Pager Examples Like Google/Ebay
Jumbotron
Thumbnails
Dropdown Menus
Modals (1) - Activity: I have an Inquiry about My Order
Modals (2) - Activity: I have an Inquiry about My Order
Scrollspy
Tabs
Tooltips
Popovers - Activity: Create a Popover Just Like the One You See on an IPAD
Alerts - Activity: Create an Alert Box to Show a Warning or Success Message
Button plugin - Activity: Loading, Download Complete
Collapse Plugin
Carousels - Activity: Create an Interactive Carousel Slider
Affix plugin - Activity: Interactive Website with Content Affixed to a Menu
Professional Project: App Landing Page (HTML, CSS and Bootstrap)
Introduction
Header and Featured Content (1)
Header and Featured Content (2)
Header and Featured Content (3)
Trial Section, Footer and Congratulations
App Landing Page Source Code (PDF)
App Landing Page Source Code (zip)
Professional Project: Company Website (HTML, CSS and Bootstrap)
Introduction
Structure of Our Work
Background
Navbar
Header and Icons Section
Contact Button and Footer
Company Website Source Code (PDF)
Company Website Source Code (zip)
Professional Project: Our Lovely Course (HTML, CSS, jQuery and Bootstrap)
Introduction
Structure of Our Work
Add a Background Video
Navigation Bar with Advanced Styling
Home Section
About Section
Carousel Slider (1)
Carousel Slider (2)
Adapt for Small Devices
Add ScrollSpy Feature to Navbar and Congratulations
Our Lovely Course Website Source Code (PDF)
Our Lovely Course Website Source Code (zip)
Professional Project: Stopwatch App (HTML, CSS, jQuery and Bootstrap)
Introduction
App Skeleton and Decoration (1)
App Skeleton and Decoration (2)
App Logic using an Illustrative Flowchart
jQuery Code (1)
jQuery Code (2)
jQuery Code (3)
StopWatch App Source Code (pdf)
StopWatch App Source Code (zip)
Professional Project: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage)
Introduction
App Skeleton and Decoration (1)
App Skeleton and Decoration (2)
App Skeleton and Decoration (3)
Learn HTML5 Canvas
App Logic using an Illustrative Flowchart
jQuery Code Structure
jQuery Code (1)
jQuery Code (2)
jQuery Code (3)
Drawing App Source Code (pdf)
Drawing App Source Code (zip)
ES6 - Modern JavaScript (A must in 2019)
Download Chapter Source Code
Introduction to Modern JavaScript (ES6)
Variables and Scoping: Review of "var"
Variables and Scoping: Let Scope and Temporal Dead Zone
Block Scoping in ES6
Functions and Block Scoping
Functions and Block Scoping - Use Let
Let Scope vs Closures
Closures Challenge
Read Only Variables - Const
New Features that Make Your Life Easier: Template Literals
New Features that Make Your Life Easier: Arrow Functions – ‘This’ Lexical Scope
Destructuring - Arrays
Destructuring - Objects
Destructuring - Functions
Functions – Default Parameter Values
Functions – Rest Parameters
Spread Operator
Objects New Features
Iteration: For of Loop
Iterators - next() - Generators
Maps - Iteration
Sets - Iteration
Sets – Challenge: Intersection and Difference
Symbols
Symbol.iterator
Array.from: Collections, Strings, Arguments
Array.from: Optional Map, Length Property, Maps and Sets
Array.of
More Array Methods
ES6 Classes: Back to ES5 Constructors
ES6 Classes: Syntax
ES6 Classes: Static Methods
ES6 Classes: Getters and Setters
Class Inheritance – Extends - Super
"Front End" vs "Back End"
Understand the Back End (1)
Understand the Back End (2)
Node.js - Introduction and Installation
Introduction to Node.js
How to Run Unix Commands on Windows
Node.js Installation and REPL (Read-Eval-Print-Loop)
The "super" Command Line Crash Course
Command Line Crash Course (1)
Command Line Crash Course (2)
Command Line Crash Course (3)
Command Line Crash Course (4)
Node.js - Let's Dive in (using ES6 + ES7)
Download Chapter Source Code
Your First Node Application
File Exports
HTTP Built-in Module (1)
HTTP Built-in Module (2)
HTTP Built-in Module (3)
Fs Built-in Module - Blocking Mode
Fs Built-in Module - Non Blocking Mode
Fs Built-in Module - Use ES6 Promises
Fs Built-in Module - Use ES7 Async Await
Fs Built-in Module - More Features
Professional Project: Online File Explorer App (Pure Node.js, Bootstrap 4)
Download Chapter Source Code
Project Introduction: Online File Explorer App (Pure Node.js, Bootstrap 4)
Skeleton and Decoration
App Logic
Create the Server
Decode the Path Name and Convert it to a Full Static Path
Display Folder Content and Print the Title
Show the Path Inside a "Breadcrumb"
Loop through Folder Elements
Print Icons - Get Introduced to the Child_process Module
Calculate Folders' Size using the Child_process Module
Convert Folders' Size to Bytes - Retrieve Items' Last Modified Time
Calculate the Size of Files
Get the Mime Type of Files
Serve Files to the Client
Serve PDF Files on the Browser - Serve Media Content in Chunks using a Stream
Re-order Folder Elements by Name
Re-order Folder Elements by Name (2)
Add the Up and Down Arrows After Sorting Elements by Name
Sort Elements by Size and Last Modified
Fix Projects Bugs
Git and Github
Introduction to Version Control using Git
Git using the Command Line
Git Branching and Merging
Github - Introduction
Github - Cloning, Forking and Pull Requests (1)
Github - Cloning, Forking and Pull Requests (2)
Github - Cloning, Forking and Pull Requests (3)
Deploy Your App to Heroku
Deploy Your App to Heroku
PHP
Introduction
PHP Chapter: Roadmap and Full Source Code
Source Code (zip)
Embed PHP in HTML
PHP Variables
Data Types: Strings
Data Types: Integers and Floats
Data Types: Booleans
Data Types: Arrays
Data Types: Objects
Data Types: NULL
Data Types: Resources
String Functions
If and Switch Statements
For Loops
While Loops
Functions
GET and POST
Array Functions (1)
Array Functions (2)
Send Emails – Activity: Send a Styled Email in HTML Format
Filter User Inputs (1) – Protect Yourself From Hackers
Filter User Inputs (2) – User Input Validation
Activity: Create a responsive Contact Form using PHP and Bootstrap (1)
Activity: Create a responsive Contact Form using PHP and Bootstrap (2)
Activity: Create a responsive Contact Form using PHP and Bootstrap (3)
Date and Time (1)
Date and Time (2) - Activity: Day of the Week You were Born? Date in 1000 Days?
Include PHP Files
File Handling (1): Open – Read – Write - Close
File Handling (2): Open – Read – Write - Close
Upload Files Using PHP (1) – Activity: Upload PDF and Text Files Less than 3Mo.
Upload Files Using PHP (2) – Activity: Upload PDF and Text Files Less than 3Mo.
Cookies
Error Handling (1)
PHP Part2
Error Handling (2) – Activity: Log PHP Errors in a File/Trigger Error Emails
Sessions
MySQL
Introduction
MySQL Chapter: Roadmap and Full Source Code
Source Code (zip)
Create a database using PHP MyAdmin
Remote MySQL (1)
Remote MySQL (2)
Create a Database Using PHP and MySQL
Add a Table to a Database
Populate a Database Table
Activity: Populate Database Once the User Submits a Form
Activity: Populate Database Once the User Submits a Form (2)
Activity: Populate an HTML Table using Database Data (1)
Activity: Populate an HTML Table using Database Data (2)
Update Database Data
Delete Database Data
Professional Project: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX)
Introduction
Source Code
App Skeleton and Decoration (1) - Landing Page
App Skeleton and Decoration (2) - Landing Page
App Skeleton and Decoration (3) - Landing Page
App Skeleton and Decoration (4) - Landing Page
App Skeleton and Decoration (5) - My Notes Page
App Skeleton and Decoration (6) - Profile Page
App Logic - Signup, Login, Remember Me, Forgot Password
Signup/Login Code Structure (1)
Signup/Login Code Structure (2)
Signup Code (1)
Signup Code (2)
Signup Code (3)
Signup Code (4)
Signup Code (5)
Login Code
"Remember me" Code (1)
"Remember me" Code (2)
"Remember me" Code (3) and Logout Code
"Forgot Password" Code (1)
"Forgot Password" Code (2)
"Forgot Password" Code (3)
"Forgot Password" Code (4)
Notes Management: Logic
Notes Management: Code Structure
Load Notes: Code (1)
Load Notes: Code (2)
Create Notes: Code (1)
Create Notes: Code (2)
Edit Notes: Code (1)
Edit Notes: Code (2)
Delete Notes: Code (1)
Delete Notes: Code (2)
Online Notes App (Part 2)
Update Username Code (1)
Update Username Code (2)
Update Password Code (1)
Update Password Code (2)
Update Email Code (1)
Update Email Code (2)
WordPress (3 Professional Webpages: Blog, About Page and Contact Page)
Introduction
Installation – Activity: Create Your First Blog
Blog Posts and Comments
Themes
Pages and Menus
Customise Pages (1)
Customise Pages (2)
Custom CSS
Plugins
Activity: Beautiful About Page (Add Content to a WordPress Page)
Activity: Beautiful About Page (Typography)
Activity: Beautiful About Page (Logos)
Activity: Beautiful About Page (Buttons)
Activity: Create an Awesome Contact Page with a Google Map and Contact Form
Google Maps API's
Introduction and Embed Google Map to Your Website
Google Maps API's Chapter: Roadmap and Full Source Code
Source Code (zip)
Markers and InfoWindows
Show, Hide or Delete Markers
Animated drop of Markers
Direction Service - Activity: Driving Distance and Time between New York and Toronto
Geocoding Using the Javascript API - Activity: Get Geocoordinates of an Address,
Geocoding Using the geocoding API (1) - Activity: Format Address and Get Postcode.
Geocoding Using the geocoding API (2) - Activity: Format Address and Get Postcode.
Nearby Search
Autocomplete
Professional Project: Distance Between Cities (HTML. CSS, jQuery, Google Maps)
Introduction
Skeleton and Decoration
App Logic using an Illustrative Flowchart
Javascript Code
Distance Between Cities App Source Code
Source Code (zip)
Professional Project: Website with Social Widgets (Facebook, Google+ & Twitter)
Introduction
Skeleton and Decoration
Facebook Widgets
Google Plus Widgets
Tweet Button
Twitter Timeline
Website Source Code
IOS and Android Mobile Applications using jQuery Mobile
Introduction
Mobile Apps Chapter: Roadmap and Full Source Code
Source Code (zip)
Pages, Dialogs and Transitions
Navbars
Grid System
List Views
Form Inputs
Events
Professional Project: Speed Reader for IOS and Android
Introduction
App Skeleton and Decoration (1)
App Skeleton and Decoration (2)
Logic of the App using an Illustrative Flowchart
Start Reading (1)
Start Reading (2)
Pause, Resume, Restart
Change the Font Size
Change the Reading Speed
Control Reading Progress: Go Backwards and Forward
Publish Your App to Google Play
Publish Your App to the IOS App Store (1)
Publish Your App to the IOS App Store (2)
Speed Reader App Source Code (Pdf)
Speed Reader App Source Code (zip)
Professional Project: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON)
Introduction
Final Source Code
Signup/Login Code (1)
Start Source Code
Signup/Login Code (2)
Signup/Login Code (3)
Search Page Skeleton and Decoration (1)
Search Page Skeleton and Decoration (2)
Search Page Skeleton and Decoration (3)
Search Page Skeleton and Decoration (4)
Search Page Skeleton and Decoration (5)
Profile Picture Code (1)
Profile Picture Code (2)
Profile Picture Code (3)
Profile Picture Code (4)
Trips Page Skeleton and Decoration (1)
Trips Page Skeleton and Decoration (2)
Trips Page Skeleton and Decoration (3)
Website Logic
"Create a Trip" Code (1)
"Create a Trip" Code (2)
"Create a Trip" Code (3)
"Create a Trip" Code (4)
Car Sharing Project (Part 2)
"Load Trips" Code (1)
"Load Trips" Code (2)
"Edit/Delete Trips" Code (1)
"Edit/Delete Trips" Code (2)
"Edit/Delete Trips" Code (3)
"Edit/Delete Trips" Code (4)
"Search Trips" Code (1)
"Search Trips" Code (2)
"Search Trips" Code (3)
"Search Trips" Code (4)
"Search Trips" Code (5)
"Search Trips" Code (6)
"Search Trips" Code (7)
"Search Trips" Code (8)
"Spinner" Code (1)
"Spinner" Code (2)
Finishing Touches and Congratulations
Deploy Your App to Heroku
The Complete Web Development Course: Build 15 Projects
By:
Development Island
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
We'll cover the following topics in this section:
Deploy Your App to Heroku
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts