The Complete Web Developer Bootcamp: Build 15 Projects

6 Reviews
1435 Enrolled
83 Hours
$15.00$300.00
You save 95% -

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

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

DI
Development Island

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.

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

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

Terms

  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.
Your cart is empty. Continue Shopping!
Processing order...