The Complete Web Developer Bootcamp: Build 15 Projects

7 Reviews

1506 Enrolled

83 Hours

Deal Price$14.99

Suggested Price

$60.00

You save 75%

🔥 1,000+ Sold! Selling Fast

490 Lessons (83h)

Get your free Unlimited Web Hosting - HTML
Introduction
HTML Chapter: Roadmap and Full Source Code
Structure of a website
Your first website
Get your free unlimited web hosting
Set up FireFTP
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
HTML Quiz
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
CSS Quiz
Mathematics Tutorials Website (HTML & CSS)
Introduction
Header (1)
Header (2)
Menu
Introduction Box
Sidebars (1)
Sidebars (2)
Footer & Congratulations
Mathematics Tutorial Website Quiz
Maths Website Source Code
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
Javascript Quiz
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
Maths Game Quiz
Math Game Source Code
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
jQuery Quiz
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 Quiz
Fruits Slice Game Source Code
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
Twitter Bootstrap Quiz
Affix plugin - Activity: Interactive Website with Content Affixed to a Menu
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 Quiz
App Landing Page Source Code
Company Website (HTML, CSS & Bootstrap)
Introduction
Structure of our work
Background
Navbar
Header & icons section
Contact Button & Footer
Company Website Quiz
Company Website Source Code
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 Quiz
Our Lovely Course Website Source Code
Stopwatch App (HTML, CSS, jQuery & 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 Quiz
StopWatch App Source Code
Drawing App
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 Quiz
Drawing App Source Code
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
PHP Quiz
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
MySQL Quiz
WordPress (3 Professional Webpages)
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
WordPress Quiz
Google Maps API's
Introduction & Embed Google Map to your Website
Google Maps API's 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
Google Maps API's Quiz
Distance Between Cities
Introduction
Skeleton and decoration
App Logic using an illustrative flowchart
Javascript Code
Distance Between Cities App Source Code
Distance Between Cities App Quiz
Website with Social Widgets
Introduction
Skeleton and decoration
Facebook Widgets
Google plus Widgets
Tweet Button
Twitter Timeline
Website Source Code
Social Widgets Quiz
IOS and Android jQuery Mobile
Introduction
Mobile Apps Chapter: Roadmap and Full Source Code
Pages, Dialogs and Transitions
Navbars
Grid System
List Views
Form Inputs
Events
jQuery Mobile Quiz
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
Speed Reader App Quiz
Further Reading
Extra Resources for Further Reading

DescriptionInstructorImportant DetailsReviewsRelated Products

Missed That College Computer Science Course? No Problem, We've Got Everything You Missed Here

Development Island

Eng. Issam Baou is a web developer, engineer, and teacher. He has two Master's Degrees in Engineering and Management from Cranfield University (UK) and Ecole Centrale Paris and has worked for many world-class companies including Amadeus, Ford, and Airbus. His roles have included: Web Development, Consulting, Simulation, and Teaching.

Description

Become a Full-Stack Web Developer

No coding experience? This is the course for you. Whether you've dabbled in HTML or never touched a single line of code in your life, this course will prepare you to take on professional programming jobs, big and small. From basic CSS styling to popular frameworks like Bootstrap, this training will stack your resume with skills that will check every box on your dream job description. And, with guidance on completing 15 different real-life app projects, this course will prepare you to enter the job market with real portfolio pieces that are sure to impress.

4.6/5 average rating: ★ ★ ★ ★ ★ ★

What you'll learn

Become a professional developer with 490 lectures & 83 hours of content
Understand the most popular languages & frameworks available
Learn HTML5 & CSS3 to build and style web pages
Use JavaScript, jQuery, & jQuery User Interface to make interactive sites
Make responsive sites for any device with Twitter Bootstrap
Study data-driven programming with PHP, Ajax & mySQL
Build mobile apps for iOS & Android
Deploy your apps to the Apple App & Google Play Store
Walk through building 15 real-life app projects

Who this course is for

People with no web development knowledge or experience.
People with web development knowledge, but wanting to learn a new skill

Specs

Important Details

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels
Have questions on how digital purchases work? Learn more here
Learn more about our Lifetime deals here!

Requirements

Any device with basic specifications
Inernet access

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

7 Reviews

5/ 5

All reviews are from verified purchasers collected after purchase.

Feras Temimi

Verified Buyer

Really it is amazing, thank you so much for your service, Regards, Feras Really it is amazing, thank you so much for your service, Regards, Feras

Jul 10, 2025

Angel Garcia

Verified Buyer

It is compounded of the different elements to be a web developer and the way one can learn that is very practicing.

Jan 9, 2022

Felipe Ceceña

Verified Buyer

Muy buen curso, esta serie de cursos me han ayudado a entender mejor el proceso de desarrollo web, totalmente recomendable.

Jul 6, 2020

Noel Adams

Verified Buyer

Good course

Jan 7, 2020

Antonio Galisteo

Verified Buyer

A very good courses

Sep 24, 2019

Daniel Lundin

Verified Buyer

Great Deal

Sep 24, 2019

Your Cart

Your cart is empty. Continue Shopping!

Processing order...