Last course update: January 8th 2019
- Lifetime Access to 350+ video lessons (over 40 hours of video) that covers all you need to become a web developer. This includes HTML5, CSS3, Javascript, PHP, SQL, MySQL, e-commerce shopping cart with PayPal API, custom CMS, Wordpress, and more...
- Immersive Quizzing: over 900+ quiz questions (code challenges and multiple choice) helping you learn at an accelerated level. Learn more about our unique interactive training system.
- 40+ Workshops: bound to chapters, so you practice on real projects as you learn.
- Super Nerd Support: full access to our support forums, where Stef and other nerds hang out.
- 100% Money Back Guarantee: try it for 30 days, if you think it sucks, get a full refund.
Enhanced Learning with our new StudioWeb 4 platform - Released in 2019
Your Teacher: 10+ years teaching, over 20yrs of real world developer experience.
Stefan MischookFounder
Stefan started teaching web design and programming in 2003. Coming from a family of teachers (father, brother, cousins, aunts and uncles), Stefan discovered he had a knack for teaching - go figure! Many of his students are now successful web professionals while some have gone on to become web design teachers themselves.
Stefan built his first website in 1994 and has developed many commercial projects over the years, including e-learning software for Pfizer, Aventis and Merck Frost.
Published author and recognized in the industry for many years, Stefan has created commercial apps in eight programming languages. Oh yes, he also developed/created venerable sites like KillerSites.com, KillerPHP.com, CSSTutorial.net, and others.
The Video Courses
-
Web FoundationsFree Previews
View Videos-
- Introduction Free Preview
- Client vs. Server Computers Free Preview
- What is Web Hosting? Free Preview
- Domain Names
- Websites are just pages of Code
- Apps to Build Websites
- Wordpress
- Websites vs. Web Apps
-
-
Beginners HTMLFree Previews
View Videos-
Chapter 1: The Basics
- Introduction Free Preview
- First look at HTML Free Preview
- HTML and the web pages it creates Free Preview
- How to view the source code of a page
-
Chapter 2: Behind the Pages
- Breaking down the word 'HTML' Free Preview
- HTML tag basics - part 1 Free Preview
- HTML tag basics - part 2 Free Preview
- Apps to build websites: text editors, code editors and wysiwyg apps
- How HTML handles video, audio and images
-
Chapter 3: Build your 1st Web Page
- Setting up the basic HTML page - part 1
- Setting up the basic HTML page - part 2
- HTML tag Rules - part 1
- HTML tag Rules - part 2
- Versions of HTML and doctypes
- Peculiar text behaviour and tag spacing
-
Chapter 4: Build your 1st Web Site
- What exactly are websites - part 1
- What exactly are websites - part 2
- Hyperlinks - part 1
- HR tags
- Header tags
- Tag attributes
- Hyperlinks - part 2
- Hyperlinks - part 3
- Paths
- Clients vs Servers
- Root Directory
- Closing the chapter
-
Chapter 5: The 9 Essential Tags
- Introduction
- The break tag
- Inserting images - part 1
- Inserting images - part 2
- Inserting images - part 3
- Inserting images - part 4
- Inserting images - part 5
- Inserting images - part 6
- Building HTML list - part 1
- Building HTML list - part 2
- Text formatting
- Inline vs block tags
- HTML comments
- Domain names
-
Chapter 6: HTML Forms
- HTML forms - part 1
- HTML forms - part 2
- HTML forms - part 3
- HTML forms - part 4
- HTML forms - part 5
- HTML forms - part 6
- HTML forms - part 7
- HTML forms - part 8
-
Chapter 7: HTML Tables
- HTML tables - part 1
- HTML tables - part 2
- HTML tables - part 3
- HTML tables - part 4
- HTML tables - part 5
- HTML tables - part 6
-
Chapter 8: Head and Meta Tags
- The ‘lang’ attribute
- Meta Tags
- More about the Head
-
-
Beginners CSSFree Previews
View Videos-
Chapter 1: The Basics
- Introduction Free Preview
- CSS tag selectors - part 1 Free Preview
- CSS tag selectors - part 2 Free Preview
- CSS tag selectors - part 3
- CSS tag selectors - part 4
- CSS class selectors
- CSS ID selectors
- CSS cascade intro
- Dont repeat code
- CSS layout types - part 1
- CSS layout types - part 2
- CSS layout types - part 3
- CSS selectors - a refresher
-
Chapter 2: CSS Styling Basics
- Page template & external CSS Free Preview
- Page template & cleaner code
- The nav tag & semantic meaning
- CSS color - part 1
- CSS color - part 2
- CSS color - part 3
- CSS color - part 4
- CSS color - part 5
- Styling text
- Styling text - font weight - part 1
- Styling text - complex selectors
- Styling text - font weight - part 2
- Font families - part 1
- Font families - part 2
- Font size - part 1
- Font size - part 2
- Font size - part 3
- Parent / Child - part 1
- Parent / Child - part 2
- Parent / Child - part 3
-
Chapter 3: Diving deeper into CSS
- Web safe fonts refresher
- Google fonts - part 1
- Google fonts - part 2
- Google fonts - part 3
- Browser developer tools review
- Background colors - part 1
- Background colors - part 2
- Cascade in CSS
- Background images
- Background images - cover
- 3 ways to insert CSS
-
Chapter 4: The Box Model
- Box model - introduction
- Box model - margin and layouts
- Box model borders - part 1
- Box model borders - part 2
- Box model - more margins
- Box model - shorthand
- Box model - calculate width
- Box model - centering in CSS
- Color and background images
- Height property
- Opacity
-
Chapter 5: Styling Links and List
- Intro pseudo classes - part 1
- Intro pseudo classes - part 2
- Intro pseudo classes - part 3
- Specificity refresher
- Creating buttons - part 1
- Creating buttons - part 2
- Creating buttons - part 3
- Styling list with images
- Block level tags
- CSS list styles
- CSS navbars
-
Chapter 6: Display and Position
- Fixed vs fluid - part 1
- Fixed vs fluid - part 2
- Height and overflow
- Block vs inline refresher
- Visibility & floats - part 1
- Visibility & floats - part 2
- Position fixed
- Position relative
- Position absolute
-
Chapter 7: Mini Projects
- The 'main' tag fix
- Top nav - part 1
- Top nav - part 2
- Style table - part 1
- Style table - part 2
- Style table - part 3
- Style table - part 4
-
Chapter 8: Media Queries
- Media queries - part 1
- Media queries - part 2
- Media queries - part 3
- Media queries - part 4
-
Chapter 9: CSS Layouts
- Simple layout - part 1
- Simple layout - part 2
- Simple layout - part 3
- Fixed / liquid layout - part 1
- Fixed / liquid layout - part 2
- Fixed / liquid layout - part 3
- Fixed / liquid layout - part 4
- Shark page - part 1
- Shark page - part 2
- Shark page - part 3
- Shark page - part 4
-
-
Beginners JavaScript Free Previews
View Videos-
Chapter 1: Introduction to JavaScript
- Introduction Free Preview
- What you need to know to learn JavaScript Free Preview
- Tools needed to learn JavaScript
- Your First JavaScript Free Preview
- What is a programming language
-
Chapter 2: Event Handlers
- Event Handlers: Part 1
- Event Handlers: Part 2
- Event Handlers: Part 3
-
Chapter 3: JavaScript Errors
- Viewing Javascript Errors
- Display Javascript Errors
-
Chapter 4: Variables
- Variables: Part 1
- Variables: Part 2
- Variables: Part 3
- Variables: Part 4
-
Chapter 5: Functions
- Functions: Part 1
- Functions: Part 2
- Functions: Part 3
- Functions: Part 4
- Functions: Part 5
- Functions: Part 6
- Functions: Part 7
- Functions: Part 8
-
Chapter 6: Decisions in code
- JS Conditionals: Part 1
- JS Conditionals: Part 2
- JS Conditionals: Part 3
- JS Conditionals: Part 4
- JS Conditionals: Part 5
-
Chapter 7: Loops
- Loops: Part 1
- Loops: Part 2
- Loops: Part 3
- Loops: Part 4
-
Chapter 8: Object and Arrays
- Objects and Arrays: Part 1
- Objects and Arrays: Part 2
- Objects and Arrays: Part 3
- Objects and Arrays: Part 4
- Objects and Arrays: Part 5
- Objects and Arrays: Part 6
- Objects and Arrays: Part 7
-
Chapter 9: More Functions
- More Functions: Part 1
- More Functions: Part 2
- More Functions: Part 3
- More Functions: Part 4
- More Functions: Part 5
- More Functions: Part 6
- More Functions: Part 7
- More Functions: Part 8
-
Chapter 10: JavaScript DOM
- DOM: Part 1
- DOM: Part 2
- DOM: Part 3
-
Chapter 11: Processing HTML Forms
- Forms: Part 1
- Forms: Part 2
- Forms: Part 3
- Forms: Part 4
- Forms: Part 5
- Forms: Part 6
-
Chapter 12: JavaScript Mini Projects
- HTML5 Contenteditable
- Drawing with JavaScript
- Animation with JS: Part 1
- Animation with JS: Part 2
- Animation with JS: Part 3
-
-
Beginners PHP Free Previews
View Videos-
Chapter 1: Getting Started with PHP
- Introduction Free Preview
- Basic Programming Concepts - part 1 Free Preview
- Basic Programming Concepts - part 2 Free Preview
- Server-side Programming Languages
- Setting up to run PHP - part 1
- Setting up to run PHP - part 2
-
Chapter 2: Your First PHP Code
- Your first PHP code - part 1
- Your first PHP code - part 2
- Your first PHP code - part 3
-
Chapter 3: Variables
- Variables - part 1
- Variables - part 2
- Variables - part 3
- Variables - part 4
- Variables - part 5
-
Chapter 4: Includes
- Includes - part 1
- Includes - part 2
- Includes - part 3
-
Chapter 5: Arrays
- Arrays - part 1
- Arrays - part 2
- Arrays - part 3
-
Chapter 6: Processing HTML Forms
- Processing forms - part 1
- Processing forms - part 2
- Processing forms - part 3
- Processing forms - part 4
- Processing forms - part 5
-
Chapter 7: Conditional Statements
- Conditional Statements - part 1
- Conditional Statements - part 2
- Conditional Statements - part 3
- Conditional Statements - part 4
- Conditional Statements - part 5
-
Chapter 8: Functions
- PHP Functions - part 1
- PHP Functions - part 2
- PHP Functions - part 3
- PHP Functions - part 4
- PHP Functions - part 5
-
Chapter 9: Loops
- PHP loops - part 1
- PHP loops - part 2
- PHP loops - part 3
-
Chapter 10: Custom Functions
- Custom PHP functions - part 1
- Custom PHP functions - part 2
- Custom PHP functions - part 3
- Custom PHP functions - part 4
- Custom PHP functions - part 5
-
Chapter 11: Sessions
- PHP Sessions - part 1
- PHP Sessions - part 2
- PHP Sessions - part 3
- PHP Sessions - part 4
- PHP Sessions - part 5
-
Chapter 12: Advanced PHP
- Login Form - 1
- Login Form - 2
- Login Form - 3
- Login Form - 4
- Login Form - 5
- Advanced PHP - part 1
- Advanced PHP - part 2
-
-
Beginners Databases and SQL Free Previews
View Videos-
Chapter 1: Introduction to MySQL
- MySQL Introduction Free Preview
-
Chapter 2: Basic PHPMyAdmin
- PHPMyAdmin and Basic MySQL: Part 1
- PHPMyAdmin and Basic MySQL: Part 2
-
Chapter 3: Database Basics
- SQL: The Language of Databases
- The Insert Statement
- The Update Statement
- The Delete Statement
- The Select Statement
-
Chapter 4: MySQL and PHP
- Connecting to MySQL with PHP: Part 1
- Connecting to MySQL with PHP: Part 2
- Connecting to MySQL with PHP: Part 3
- Connecting to MySQL with PHP: Part 4
- SQL Select Statements with PHP: Part 1
- SQL Select Statements with PHP: Part 2
-
Chapter 5: Conclusion
- Conclusion
-
-
PHP Shopping Cart with PayPal, OOP & MVC (Project) Free Previews
View Videos-
- Introduction Free Preview
- File Structure Free Preview
- Database & Database Connection
- Init.php Additions
- Basic HTML
- Basic CSS
- OOP & MVC Basics
- Using a Coding Style Guide
- Template Object: Part 1
- Template Object: Part 2
- Template Object: Part 3
- Categories Object: Part 1
- Categories Object: Part 2
- Projects Object 1: Get Single Product Query
- Projects Object 2: Get All Product Query
- Displaying All Products
- Displaying All Products in Categories
- Product Details Page: Part 1
- Product Details Page: Part 2
- Shopping Cart HTML
- Shopping Cart CSS: Part 1
- Shopping Cart CSS: Part 2
- Cart Object: Adding Items to the Cart
- Cart Object: Clear Items from the Cart
- Ensure Product Exists & Bugfixes
- Displaying Products In Shopping Cart: Part 1
- Displaying Products In Shopping Cart: Part 2
- Displaying Products In Shopping Cart: Part 3
- Modify Quantity of Items in Cart
- Display Total Number of Items in Cart in Page Header
- Display Total Cost of Items in Cart in Page Header
- Tax Functionality
- Shipping Functionality
- PayPal Introduction & Bug Fixes
- Creating a PayPal Developer account
- PayPal API, SDK & Additional Resources
- Composer Introduction & SDK Setup
- PayPal Settings & Minor Changes
- Steps to Submitting a Payment
- Integrating PayPal Part 1
- Integrating PayPal Part 2
- Integrating PayPal Part 3
- Integrating PayPal Part 4
- Conclusion to the course
-
-
Build A Content Management System (Project)Free Previews
View Videos-
- Introduction Free Preview
- Basic HTML/CSS Site: Part 1
- Basic HTML/CSS Site: Part 2
- Getting Started on the CMS
- OOP Login Introduction
- File & Database Setup
- Template Object: Part 1
- Template Object: Part 2
- Template Object: Part 3
- Template Object: Part 4
- Includes & Views
- Auth Object
- Auth Object & Login.php
- Members.php, Logout.php & Conclusion
- File & Database Setup
- Init.php
- Core FlightPath Object: Part 1
- Core FlightPath Object: Part 2
- Colorbox & t_login.php
- t_login.php & login.php
- Styling the Login Form
- Login Form Functionality: Part 1
- Login Form Functionality: Part 2
- Completing Login / Logout
- CMS Toolbar
- Checking for Authorization
- IE7 Compatibility Fixes
- CMS Object
- Display_Block Function
- Styling Editable Areas with CSS
- Styling Editable Areas with jQuery
- jQuery Continued
- Starting Edit.php
- generate_field() & v_edit.php
- load_block() & create_block()
- Editing Content Blocks: Part 1
- Editing Content Blocks: Part 2
- WYSIWYG Functionality: Part 1
- WYSIWYG Functionality: Part 2
- Conclusion
- CMS Options Pages: Part 1
- CMS Options Pages: Part 2
- CMS Options Pages: Part 3
- CMS Options Pages: Part 4
- Change Password Form: Part 1
- Change Password Form: Part 2
- Change Password Form: Part 3
-
-
WordPress Themes from Scratch (Project)Free Previews
View Videos-
- Introduction Free Preview
- The Design Process
- Working with Photoshop: Part 1
- Working with Photoshop: Part 2
- Working with Photoshop: Part 3
- Working with Photoshop: Part 4
- Working with Photoshop: Part 5
- Working with Photoshop: Part 6
- Slicing Up the Photoshop File: Part 1
- Slicing Up the Photoshop File: Part 2
- HTML Structure: Part 1
- HTML Structure: Part 2
- HTML Structure: Part 3
- Adding CSS: Part 1
- Adding CSS: Part 2
- Adding CSS: Part 3
- Adding CSS: Part 4
- Installing WordPress
- WordPress Interface
- WordPress Settings
- WordPress File Structure
- Starting the Theme
- Integrating the HTML/CSS Template
- Additional Edits & Content Area Integration
- More Content Area Integration
- Post Excerpt Changes
- Previous/Next Post Links
- Theming the Single Post View
- Theming Comments: Part 1
- Theming Comments: Part 2
- Functions.php
- Styling the 404 Error Page
- Adding Search Funtionality
- Adding Menu Functionality
- WordPress Sidebars & Widgets: Part 1
- WordPress Sidebars & Widgets: Part 2
- Styling Category Pages
- Styling Archive Pages
- Styling WordPress Pages
- Featured Images
- Home Page Slideshow & ACF Plugin: Part 1
- Home Page Slideshow & ACF Plugin: Part 2
- Adding Slideshow Functionality
- Putting the Site Live
- Final Tweaks & Conclusion
-
-
Form Validation with PHP & JavaScript (Project)
View Videos-
- Introduction
- Adding jQuery Validation
- Adding PHP Validation: Part 1
- Adding PHP Validation: Part 2
- Finishing the Form Validation
- Sending the Form by Email
-
-
Crud Basics with MySQLi and PHP (Project)
View Videos-
- CRUD Basics with MySQLi & PHP - Part 1
- CRUD Basics with MySQLi & PHP - Part 2
- CRUD Basics with MySQLi & PHP - Part 3
- CRUD Basics with MySQLi & PHP - Part 4
- CRUD Basics with MySQLi & PHP - Part 5
- CRUD Basics with MySQLi & PHP - Part 6
- CRUD Basics with MySQLi & PHP: Pagination - Part 1
- CRUD Basics with MySQLi & PHP: Pagination - Part 2
-
-
PHP Login Using OOP and MVC (Project)
View Videos-
- Introduction
- Files & Database Setup
- Template Object: Part 1
- Template Object: Part 2
- Template Object: Part 3
- Template Object: Part 4
- Includes & Views
- Auth Object: Part 1
- Auth Object: Part 2
- Members.php, Logout.php & Conclusion
-
-
PHP Tag Cloud (Project)
View Videos-
- Create a Tag Cloud: Part 1
- Create a Tag Cloud: Part 2
- Create a Tag Cloud: Part 3
- Create a Tag Cloud: Part 4
- Create a Tag Cloud: Part 5
-
-
Simple PHP Login System (Project)
View Videos-
- Introduction
- PHP Login System: Part 1
- PHP Login System: Part 2
- PHP Login System: Part 3
- PHP Login System: Part 4
- PHP Login System: Part 5
- PHP Login System: Part 6
- PHP Login System: Part 7
- PHP Login System: Part 8
- PHP Login System: Part 9
- PHP Login System: Part 10
- PHP Login System: Part 11
- PHP Login System: Part 12
- PHP Login System: Part 13
- PHP Login System: Part 14
- PHP Login System: Part 15
- PHP Login System: Part 16
- PHP Login System: Part 17
-
I wrote an entire book to help plan out these courses! You don't need to buy the book to do the courses!
Published in 2015, but written to be evergreen!
"Build Your Website: Start Here" includes information on:
- Getting Started in Web Design
- Building Your First Website
- CSS and CSS Layouts
- Building & Styling
- Forms & Images
- HTML5 & CSS3
- Introduction to Javascript
- Introduction to jQuery & Bootstrap
More Testimonials from happy students
"I totally credit you guys on getting me started with coding!!"
Karen C"Id just like to say thank you, and how much i am enjoying your tutorials on CSS, HTML and the like. I am only a beginner and would really like to take it further, so thank you very much."
Shane A"An extraordinary value for very modest price. I highly recommend them. If you want quick results and direct, relevant instruction that results in an improved skill set that is now in your hands these are the videos you should buy. Well worth the price."
James C"Your website is so good. Your explanations in ordinary language are very, very helpful to a neophyte such as myself. The real exercises, e.g. creating a page from html is fun and alleviates the apprehension that Ive had about venturing into what has seemed to be a mysterious and complicated process."
Glen M"As a beginner, I didn't know really where to start. After almost having completed the course, I have learned pratical skills and understanding of what's webbuilding is about. The way it is presented is great. Thanks a lot."
Hans K"Even for a Computer Engineer w/ 30 yrs experience (but no real .css knowledge), I found the tutorial (and experimenting) to provide excellent quick access. For me a picture is a thousand words."
Erik R