Section 1: Introduction - Setup your Unlimited Web Hosting - HTML

Introduction
HTML Chapter: Roadmap and Full Source Code
Structure of a website
Your first website
Your passcode
Get your unlimited web hosting
Important note about FTP
Share your website with the World (1)
Share your website with the World (2) Cyberduck version
Share your website with the World (2) 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

Section 2: 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

Section 3: Professional Project: Mathematics Tutorials Website (HTML & CSS)

Introduction
Header (1)
Header (2)
Menu
Introduction Box
Sidebars (1)
Sidebars (2)
Footer & Congratulations
Maths Website Source Code

Section 4: 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 & SeTimeout - Activity: Create a simple counter
Window and Screen
Alert Boxes
Cookies

Section 5: Professional Project: Maths Game (HTML, CSS & Javascript)

Introduction
Page Structure & Styling (1)
Page Structure & Styling (2)
Page Structure & Styling (3)
Page Structure & Styling (4)
Game Logic using an illustrative flowchart
JavaScript Code (1)
JavaScript Code (2)
JavaScript Code (3)
JavaScript Code (4) & Congratulations
Math Game Source Code

Section 6: 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 Tooltips

Section 7: Professional Project: Fruits Slice Game (HTML, CSS & 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

Section 8: 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

Section 9: Professional Project: App Landing Page (HTML,CSS & Bootstrap)

Introduction
Header and Featured Content (1)
Header and Featured Content (2)
Header and Featured Content (3)
Trial Section, Footer & Congratulations
App Landing Page Source Code

Section 10: Professional Project: Company Website (HTML,CSS & Bootstrap)

Introduction
Structure of our work
Background
Navbar
Header & icons section
Contact Button & Footer
Company Website Source Code

Section 11: Professional Project: Our Lovely Course (HTML,CSS, jQuery & 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 & Congratulations
Our Lovely Course Website Source Code

Section 12: 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)
App Logic using an illustrative flowchart
jQuery Code Structure
jQuery Code (1)
jQuery Code (2)
jQuery Code (3)
Drawing App Source Code

Section 13: PHP

Introduction
PHP Chapter: Roadmap and Full Source Code
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 & 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 & Bootstrap (1)
Activity: Create a responsive Contact Form using PHP & Bootstrap (2)
Activity: Create a responsive Contact Form using PHP & 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 & Text Files Less than 3Mo.
Upload Files Using PHP (2) - Activity: Upload PDF & Text Files Less than 3Mo.
Cookies
Error Handling (1)
Error Handling (2) - Activity: Log PHP errors in a file / Trigger error emails
Sessions

Section 14: MySQL

Introduction
MySQL Chapter: Roadmap and Full Source Code
Create a database using PHP MYADMIN
Remote MySQL (1)
Remote MySQL (2)
Create a database using PHP & MySQL
Add a table to a database
Populate a database table
Activity: Populate Database once the user submits a form
Activity: Populate an HTML table using Database Data (1)
Activity: Populate an HTML table using Database Data (2)
Update Database Data
Delete Database Data

Section 15: 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)
Update Username Code (1)
Update Username Code (2)
Update Password Code (1)
Update Password Code (2)
Update Email Code (1)
Update Email Code (2)

Section 16: WordPress(3 Professional Webpages: Blog + About page + 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

Section 17: Google Maps APIs

Introduction & Embed Google Map to your Website
Google Maps APIs Chapter: Roadmap and Full Source Code
Markers and InfoWindows
Show, Hide or Delete Markers
Animated drop of Markers
Direction Service - Activity: Driving distance & time between New York & Toronto
Geocoding using the Javascript API - Activity: Get Geocoordinates of an address
Geocoding using the geocoding API (1) - Activity: format Address & get postcode.
Geocoding using the geocoding API (2) - Activity: format Address & get postcode.
Nearby Search
Autocomplete

Section 18: 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

Season 19: 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

Section 20: IOS and Android Mobile Applications using jQuery Mobile

Introduction
Mobile Apps Chapter: Roadmap and Full Source Code
Pages, Dialogs and Transitions
Navbars
Grid System
List Views
Form Inputs
Events

Section 21: 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

Section 22: Professional Project: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON),

Signup/Login Code (1)
Signup/Login Code (2)
Signup/Login Code (3)
Search Page Skeleton & Decoration (1)
Search Page Skeleton & Decoration (2)
Search Page Skeleton & Decoration (3)
Search Page Skeleton & Decoration (4)
Search Page Skeleton & Decoration (5)
Profile Picture Code (1)
Profile Picture Code (2)
Profile Picture Code (3)
Profile Picture Code (4)
Trips Page Skeleton & Decoration (1)
Trips Page Skeleton & Decoration (2)
Trips Page Skeleton & Decoration (3)
Website Logic
"Create a Trip" Code (1)
"Create a Trip" Code (2)
"Create a Trip" Code (3)
"Create a Trip" Code (4)
"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 & Congratulations

Course	Amount
Learning Web Development from Scratch The Ultimate Bootcamp	Rs. 995

Popular Searches

Learning Web Development from Scratch: The Ultimate Bootcamp

Online

₹ 199 995

Quick Facts

Course overview

The highlights

Program offerings

Course and certificate fees

Fees information

certificate availability

Who it is for

What you will learn

The syllabus

Section 1: Introduction - Setup your Unlimited Web Hosting - HTML

Section 2: CSS

Section 3: Professional Project: Mathematics Tutorials Website (HTML & CSS)

Section 4: Javascript

Section 5: Professional Project: Maths Game (HTML, CSS & Javascript)

Section 6: jQuery

Section 7: Professional Project: Fruits Slice Game (HTML, CSS & JQuery)

Section 8: Twitter Bootstrap

Section 9: Professional Project: App Landing Page (HTML,CSS & Bootstrap)

Section 10: Professional Project: Company Website (HTML,CSS & Bootstrap)

Section 11: Professional Project: Our Lovely Course (HTML,CSS, jQuery & Bootstrap)

Section 12: Professional Project: Drawing App (HTML,CSS, jQuery UI, Canvas, Local Storage)

Section 13: PHP

Section 14: MySQL

Section 15: Professional Project: Online Notes App(HTML,CSS, Bootstrap, PHP, MySQL, AJAX)

Section 16: WordPress(3 Professional Webpages: Blog + About page + Contact Page)

Section 17: Google Maps APIs

Section 18: Professional Project: Distance Between Cities (HTML. CSS, jQuery, Google Maps)

Season 19: Professional Project: Website with Social Widgets (Facebook, Google+ & Twitter)

Section 20: IOS and Android Mobile Applications using jQuery Mobile

Section 21: Professional Project: Speed Reader for IOS and Android

Section 22: Professional Project: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON),

Instructors

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Thank You!

Download the Careers360 App on your Android phone