The Complete Web Developer Bootcamp: Build 15 Projects

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

The Complete Web Development Course - Product Image

Get $1 credit for every $25 spent!

$15 ~~$300~~ 95% off wishlist

by Development Island

Add to Cart

Add to Cart ($15)

Instructor

Development Island

Lessons

490

Ending In:

Certification Included

access

Lifetime

content

83 Hours

enrolled

1,412

Description

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.

Become a professional developer w/ 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 w/ Twitter Bootstrap
Study data-driven programming w/ 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

Instructor

Eng Issam Baou is a web developer, engineer, and teacher. He has two Masters 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.

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

Terms

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

Course Outline

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

View Full Curriculum