Udemy

Platform

English

Language

Web Development

Category

The Complete 2020 Fullstack Web Developer Course

Learn HTML5, CSS3, JavaScript, Python, Wagtail CMS, PHP & MySQL from scratch!

4.67 (5336 reviews)

Students

67 hours

Content

Aug 2020

Last Update
Regular Price


What you will learn

Updated for 2020

Learn HTML5, CSS3, Vanilla JS (ES6+), Python, Wagtail CMS, PHP and MySQL all from scratch

Learn Python from beginner to advanced

Learn JavaScript (ES6+)

Wagtail Pythons top Content Management System (Like WordPress, but better)

Get a free CSS3 eBook

Lots of projects, big and small!

Learn Git and Github

Create a portfolio page and launch it

Learn JavaScript from scratch

Learn PHP for server code execution

Learn MySQL for saving data (databases)

Build a Login/Registration/Members-only website, just like Facebook

How to get a job as a web developer

Learn the LAMP Stack: Linux, Apache, PHP and MySQL


Description

*** 

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:

  1. HTML/HTML5
    This is the code that 100% of all websites use

  2. CSS/CSS3
    This is what makes websites look nice with colours, shapes and more.

  3. Project: Create a Portfolio Page
    Using HTML and CSS you'll create a nice looking portfolio page

  4. Project: Create an 8-Bit Style Website
    Using more HTML and CSS you'll get even more practice creating a retro-style website

  5. 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! 

  6. 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

  7. 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

  8. Git
    Git and GitHub are core pillars behind collaboration between you and other developers. This is a VITAL skill in modern coding.

  9. 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.

  10. 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

  11. Python
    The worlds 3rd most popular coding language, and the hottest language you can learn this year. You'll go from beginner to advanced!

  12. Project: Image Detection Application
    Using Python you'll create an image detection application where you can identify objects inside an image

  13. 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.

  14. 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

  15. Legacy Course:
    This course was originally launched in 2012. In this "legacy" course you'll learn:

    1. HTML

    2. CSS

    3. JavaScript

    4. PHP 

    5. MySQL Databases

    6. 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.


Screenshots

The Complete 2020 Fullstack Web Developer Course
The Complete 2020 Fullstack Web Developer Course
The Complete 2020 Fullstack Web Developer Course
The Complete 2020 Fullstack Web Developer Course

Content

Before We Begin

Welcome

Our Support Group

Free CSS/CSS3 eBook

How to...

How to Use CodePen.io

How to Ask Great Questions

HTML Basics

What is HTML?

Editors.

Very Important!

Elements.

Block Elements.

Attributes

Make a new line using HTML

Headers And Paragraphs

Creating hyperlinks

Using images

Text Formatting (Part 1)

Text Formatting (Part 2)

Inline styling with the style attribute

HTML Comments

The most common element: <div>

Introduction to lists

Creating Tables (Part 1)

Creating Tables (Part 2)

Accepting information with forms

iFrames: pages inside pages

HTML Quiz

HTML Advanced

The Doctype

What is the head section? (Part 1)

What is the head section? (Part 2)

Adding additional scripts

Document Object Model (DOM)

HTML Entities

Advanced HTML Quiz

HTML5

HTML5 Doctype

Some New HTML5 Elements

HTML5 Header And Footer

Allow spellcheck and editable areas

Using videos (Part 1)

Using videos (Part 2)

Adding audio

Drag & drop

User location: geolocation

Saving information - localStorage

Saving information - sessionStorage

HTML5 Quiz

CSS

What Is CSS?

How to write CSS: syntax

Using style sheets

Using external style sheets

Identities and classes

Style entire elements

CSS Comments

Change background colors

Setting background images

Change text color

Text formatting using CSS

Font Properties

Text Properties

Styling hyperlinks using CSS

Styling lists using CSS

Setting element width and height

Adding borders

Spacing: margin & padding

Change the mouse type: cursor

Hide, show and display elements

What to do with overflowing content

CSS Quiz

CSS Advanced

Grouping & Nesting

Maximum & Minimum Dimensions

Move an element from it's default position

Relative location & layering

Floating

Clear

Pseudos (Part 1)

Pseudos (Part 2)

Alignment

Sprites: the most efficient way to load images

Make elements translucent: opacity

Different media types

Style elements based on their attributes

Browser prefixes

Overwrite all styling before-hand: !Important

Advanced CSS Quiz

CSS3

What Is CSS3

Rounded borders. No images required.

Using images in borders

Adding shadows to elements

Change the background image size

Adding text shadow

Get creative with custom fonts

Rotate and skew elements using CSS3

Resizing text areas

CSS3 Quiz

JavaScript Basics

JavaScript Essentials

What is JavaScript?

JavaScript: Internal vs. External

JavaScript comments

document.write();

Display info from the browser: alert & confirm

Prompting the user for information

Programming fundamentals: Variables

Add two sentences together: concatenation

Basic math in JavaScript

Redirecting users and opening new windows

Creating empty hyperlinks

String Manipulation

Comparing variables and values

Programming fundamentals: If...Else Statements

Programming fundamentals: Else...If Statements

Programming fundamentals: Switch Statements

Programming fundamentals: Functions

JavaScript Events

Selecting HTML elements using getElementById()

Escaping content

Programming fundamentals: Arrays

Programming fundamentals: For Loops

Programming fundamentals: While Loops

Programming fundamentals: Breaking Out Of Loops

Programming fundamentals: Skipping A Loop Cycle

JavaScript Quiz

Javascript Advanced

Getting parts of a value: split & substr

Programming fundamentals: Try..Catch And Throw

Getting the users date and time

Some more complex math (no homework)

Programming fundamentals: Regular Expressions

Get the users browser (navigator)

Add timing: setInterval & setTimeout

Programming fundamentals: Objects

Advanced JavaScript Quiz

Ajax

What Is Ajax?

How To Execute Ajax

Making an Ajax requests

Understanding Ajax responses

When Ajax is ready: readyState and status

Putting It Together

Ajax Quiz

jQuery

What is jQuery?

Installing jQuery

jQuery Syntax

Selecting is super easy in jQuery

Events (Listeners) (Part 1)

Events (Listeners) (Part 2)

When A Key Is Pressed

Basic jQuery effects

Executing code when a function is complete: callbacks

Selecting and changing element inner HTML

Changing CSS

Animate your CSS and HTML

Managing HTML element attributes

Simple Ajax requests using jQuery

jQuery Quiz

PHP

What Is PHP?

Installing PHP

Syntax & Hello World

How to write comments in PHP

Introduction to PHP Variables

Strings & Concatenation

Replace areas of a string

manipulate other areas of a string

Displaying HTML entities

PHP Lists: Arrays

Creating and destroying arrays: Explode & Implode

Operators

If...Else Statements

Elseif Statements

Switch Statements

For Loops

While Loops

Break From Loops

continue, is_array() and quotes

Including Files

Functions

Constants. The unchangeable variable.

Checking if something exists

Accepting information - forms (Part 1)

Accepting information - forms (Part 2)

New lines are different in PHP

Server date and time

Quick if/else statements: Ternary Logic

PHP Quiz

PHP Advanced

Temporarily save user information: Sessions

Server Super Global Variables are usable anywhere

Save long-term user information: Cookies

Uploading files

Sending emails

Introducing file systems and managements

Creating new files

Writing to existing files

Read file contents

Add information to a file

Deleting a file

All File Modes

Advanced PHP Quiz

MySQL Database

What is SQL?

Setting up a Database

Introducing phpMyAdmin

MySQL Syntax

Tables, Columns and Rows

Connecting to a Database

Creating a Table: 5 Columns and 3 Rows.

Inserting Information

Escaping Information

Get information that's stored in a database

Selecting specific information: The WHERE clause

Selecting specific information: The And/Or clauses

Limiting results and ordering data

Updating the database

Deleting stored information

MySQL Quiz

Very Important!

Login/Registration Project (2017)

Introduction

Getting Setup with Git

GitHub Project Repo

Login Page and HTML Setup

Creating a Global Config

A Lesson on Safely Storing Passwords

Setting Up Our Database

Setting Up Our Database Part 2

JavaScript Form Validation

JavaScript Form Validation Part 2

Our First Ajax Call

User Registration via Ajax

User Registration via Ajax Part 2

Login via Ajax

Login via Ajax Part 2

Members-only Pages

The Logout Page

Creating Functions

Upgrading to Object Orientated Programming

Upgrading to Object Orientated Programming Part 2

What to Build Next


Reviews

R
Rutilo7 October 2020

At first I doubted in purchasing this course because I never thought it would be this simple to understand. I want to give a personal thanks to the course teacher for making it easier the way he is executing things. Cant wait to learn more!!

L
Leander4 October 2020

Ive tried a lot of courses on the web and this is one of the first that I fell actually help me understand the different concepts without having to go back and to. Very well designed and presented.

R
Riyad13 September 2020

Each and every topic is touched and explained thoroughly! I'm a beginner and I'm just loving it. Among the tons of web development courses in Udemy I'm so glad that I've chosen this course at the first shot, bulls-eye! just the kind of Teacher I was looking for. I am so happy and enjoying all the lectures.

A
Aaron20 August 2020

This is a much easier to use course than what I've tried in the past. I usually get frustrated with trying to keep up then give up. I appreciate you for creating this and making it affordable.

A
Ana18 August 2020

I think this is one of the best course i have ever taken.Super explanatory i am not even halfway done and still learnt tons of new things. Kalob is a wonderful teacher and I hope he will do more uploads like this one.

N
Noah19 February 2020

I liked your honesty both with the review video as well as with the questions one. We haven't even got technical yet, but I already know that this is going to be a no bs course

C
Cindy5 February 2020

well... I haven't started yet, so I can not rate it very right,.. but i think i am going to like it! ;)

K
Keith4 February 2020

This course has really helped me to understand to the bigger picture of web development! I currently work as a front-end content developer and this course has helped me to gain skills that will allow me to move into a programming developer at my current employer! I highly recommend this course if you are just starting out in the web developement field or want to brush up on some skills.

H
Holly31 January 2020

It's quite early in the course to leave a review (IMO) however, I already feel comfortable with the instructor's explanations and how detailed he can be. I'm looking forward to diving into the rest of the course.

A
Arturo25 January 2020

This course is great to learn the most important things for web developing. The instructor is kind and good to explain.

M
Mohammed10 January 2020

the content is great for mobile and the content is good for people with some coding experience already

O
Owusu9 January 2020

i am watching on my ipad and i love the user experience. also the videos are short and straight to the point. good for students with some web development experience already eho wants to perfect their skills.

A
Andreen6 January 2020

So far (because this is very early in the course), I like that the instructor has provided free resources that you can use to actively participate in the course. In future courses perhaps it would be nice to include what a full stack developer does i.e. why you hire one, projects they work on, and various uses for their skillset.

R
Ryan5 January 2020

Seems like a good start so far. The final project seems interesting and something worth doing and it looks like a good start to building things for my portfolio eventually.

K
Kendall2 January 2020

I don't have an experience in this, and I'm confused as to where this is all going. I haven't been able to put anything to work...


Coupons

DateDiscountStatus
7/28/202094% OFFExpired

19332

Udemy ID

6/10/2012

Course created date

7/8/2019

Course Indexed date
Bot
Course Submitted by