
These are the project files for this course. You can download them here or on GitHub.
Learn to write basic HTML by creating a CodePen pen, inserting a simple underline tag, and understanding how HTML tags render in a browser.
Compare free code editors like VS Code, Atom, Sublime Text, Brackets, and Notepad++, learn to write raw HTML with a text editor or CodePen, and decide which editor to download.
Explore how HTML treats whitespace and use the br tag to create line breaks within a paragraph. Learn to apply to control spacing between words.
Explore the differences between italic text and emphasis, highlighting how the em tag improves accessibility for screen readers. Practice nesting strong and em tags and creating a simple italics.html task.
Learn how to create HTML lists using unordered (ul) and ordered (ol) containers with list item (li) elements, including three items and proper indentation.
Explore the differences between HTML and XHTML, including strict tag rules, self-closing slash usage, proper nesting, and how attributes and browser support shape markup.
Explore the core head elements of an HTML5 document—charset UTF-8, viewport meta, title, link, style, and script—and learn to inspect and debug them on real pages.
Learn asset pathing and how to reference images and css across folders using relative paths. Practice debugging missing files and using up-one-level navigation to ensure resources load.
Add audio to a web page using the audio tag with an mp3 source and type audio/mpeg, enable controls and looping, and provide an ogg fallback.
Build a web page using HTML5 semantics with a two-column layout, including a blog feed and a subscribe form. Use CodePen and VS Code for editing and preview.
Get your free copy of the CSS Masterclas e-book. Over 180 pages with live, interactive code examples.
Explore color types in CSS, including named colors, hex codes, and rgb values; learn how shades, shorthand hex, and browser rendering affect design choices.
Explore the box model and its components: box size, padding, border, and margin, and learn how width and height interact with small CSS tweaks in live demos.
Learn to center a 50x50 pixel box using margins, including margin 0 auto and variations like margin 50px auto, while exploring the box model and responsive mode.
Apply css only to style a web form, using colors, background images, borders, padding, and centering, while uncommenting a line in style.css to kickstart the design and sharing results.
Apply CSS to style a form, adjust margins, padding, width, borders, and colors; fine-tune labels, inputs, textarea, and button, using dev tools for live edits and trial-and-error design.
Explore how to decorate text with CSS using text-decoration properties, including underline, overline, and line-through, and customize color and style for span elements.
Explore word spacing in CSS, which is the distance between words rather than between letters. Practice adjusting spacing using pixels, percentages, and other units, and learn by hands-on experimentation.
Explore the difference between serif and sans serif fonts, how font family affects text rendering, and practical guidance on when to choose serif for long passages or sans for branding.
Explore how font size shapes text height and layout in CSS, using pixels, percentages, centimeters, ems, and rems, and learn by testing different sizes.
***
The Complete FULL STACK Web Developer Course
—
The first "Complete Web Developer Course" on Udemy!! See why other teachers used the same course name!
This course is for Windows, MacOS and Linux users!
Over 66 hours of video
Full lifetime access
Certificate of completion
Source code included
***
You're probably on this page because you want to learn web development. Not just one little piece, but ALL of it.
Or maybe you’re coding already but you want to make BETTER websites?
I was in your shoes once and THIS is the course I WISH I HAD.
Welcome to The Complete Fullstack Web Developer Course
This was the first "Complete Web Development" course on Udemy. It's extremely comprehensive and I explain EVERYTHING you need to know, step by step. There's a reason why there are so many "Complete Web Development" courses on Udemy today -- they took what worked and made spin off courses.
Join over 80,000 other students in this massive course!
This course is designed for every skill level. Whether you're just learning web development today, or you're already a Python Pro, there's lots to learn for everybody!
Design, develop and launch several websites!
You will develop several projects, a portfolio page for free on GitHub, and lastly an entire website. And I'll teach you how to deploy all of it.
Skip to the part you want to learn
This course was designed for you to either watch in order, or to skip around section-by-section. Maybe you already know JavaScript and don't want to watch it — that's OK! Skip to the next section on APIs, or work on the projects that come after it.
Here's what you'll learn, in this order:
HTML/HTML5
This is the code that 100% of all websites use
CSS/CSS3
This is what makes websites look nice with colours, shapes and more.
Project: Create a Portfolio Page
Using HTML and CSS you'll create a nice looking portfolio page
Project: Create an 8-Bit Style Website
Using more HTML and CSS you'll get even more practice creating a retro-style website
JavaScript
This is what creates interactions and the "fun" parts of a website. This section comes with 6 primary projects and a handful of mini-projects. This includes modern JavaScript, too!
Project: Create a Modal by Hand
Using HTML, CSS and JavaScript you'll create an internal page popup that looks nice and asks a user to accept or decline the page
Project: Create a Hand Made Calculator
Continue practising your HMTL, CSS and JavaScript skills by creating a nice looking and fully functional web-based calculator
Git
Git and GitHub are core pillars behind collaboration between you and other developers. This is a VITAL skill in modern coding.
Project: Launch your Website using GitHub Pages
GitHub offers a free static site (html/css/js only) service. In about 45 minutes you can launch all your previous work from this course onto the internet.
APIs
Learn how APIs and RESTful APIs work. API's make the world go round. It's how online services talk to other online services
Python
The worlds 3rd most popular coding language, and the hottest language you can learn this year. You'll go from beginner to advanced!
Project: Image Detection Application
Using Python you'll create an image detection application where you can identify objects inside an image
Wagtail CMS
Wagtail CMS is the top content management system for Python. I'm part of the core Wagtail development team so you know you're getting top notch education.
How To Get A Job As A Web Developer
Nearing the end of this course I will teach you tips, tricks and secrets for landing a web development job
Legacy Course:
This course was originally launched in 2012. In this "legacy" course you'll learn:
HTML
CSS
JavaScript
PHP
MySQL Databases
Project: Create a Login & Registration System from Scratch
I've left no stone unturned. You really learn it ALL.
In one course, in one place you can learn it all. Whether that's on your phone, tablet, TV or computer.. you can learn anywhere!
...
What people have said:
“This course has everything, it is very very interactive. If you have always wanted to build an online project, this is the perfect course for you. Thanks Mr. Kalob.” -Adebanjo Adesuyi
“Outstanding. I have a number of HTML courses and this one is by far the best. Clear explanations, and in depth (The course is over 18 hours!). Kalob is a talented instructor.” -Brad Gonsalves
...
Over 80,000 students have taken this course. Don’t be the one to get left behind!
Get started today and join the thousands of students who have taken my course and changed their lives by: making more money, making better websites, building their dream website and completely changed industries (became web developers!)
Not sure if this course is for you? Try it out and if you don't like it within the first 30 days, simply request a refund. No questions asked, and you get to keep all the source code, e-books, and more as a thank you for trying this course.
Are you ready to open your world and become an in-demand full-stack web developer?
Here is what else you'll get:
A free 180+ page CSS Masterclass E-book
Download all the available source code (most of it is open source already)
Join a free coding community with over 53,000 members
A dedicated Python-only coding group
24/7 support from me, Kalob Taulien
Taught by
Hello! I'm Kalob. I've been developing websites since 1999.
I'm passionate about education and sharing my knowledge with people like you. I love it so much I've started creating MORE courses and I've dedicated a lot of my life to free coaching and building e-learning platforms.
You wouldn't believe the FREEDOM I've had since I officially changed careers and started making websites, professionally. I've lived in Ireland, , worked in the US, Mexico and the UK, and helped build companies around the world.
And guess what? Everywhere I go I can work because all I need is a laptop and internet.
And I want that for you! Wouldn't it be nice to travel the world and not have to worry about paying your bills? Professional web developers can do that.
...
Oh, and here's the best part. There are TOO MANY web development jobs and not enough web developers.
So click the green "Buy Now" button and fast track your career to FREEDOM.