The Complete Fullstack Web Developer Course

BY
Udemy

Master the knowledge and skills in full-stack web development using techniques such as Javascript, CSS3, HTML5, Python, Wagtail CMS, PHP, and MySQL.

Mode

Online

Fees

₹ 4099

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course overview

The Complete Fullstack Web Developer Course online certification was produced by Kalob Taulien - Web Developer and Coding Instructor and is offered by Udemy which is intended to help applicants gain a thorough understanding of the fundamentals of full-stack web development using HTML, CSS, Javascript, Python, PHP, and MySQL. The Complete Fullstack Web Developer Course online classes are designed for applicants who want to learn about the duties and responsibilities, as well as the expertise required to become certified full-stack developers.

The Complete Fullstack Web Developer Course online training by Udemy includes 67 hours of comprehensive HD videos, 21 articles, and 16 downloaded resources that applicants can use even when they are not connected to the internet. Candidates will also learn about Wagtail CMS, RESTful APIs, JSON, and Vanilla JS. This course also includes projects such as a hand-made calculator and an image identification program, as well as assignments that will allow applicants to track their progress.

The highlights

  • Certificate of completion
  • Self-paced course
  • English videos with multi-language subtitles
  • 67 hours of pre-recorded video content
  • 21 articles
  • 16 downloadable resources
  • Assignments
  • 30-day money-back guarantee 
  • Unlimited access
  • Accessible on mobile devices and TV

Program offerings

  • Certificate of completion
  • Self-paced course
  • English videos with multi-language subtitles
  • 67 hours of pre-recorded video content
  • 21 articles
  • 16 downloadable resources
  • Assignments
  • Unlimited access
  • Accessible on mobile devices and tv

Course and certificate fees

Fees information
₹ 4,099
certificate availability

Yes

certificate providing authority

Udemy

What you will learn

Knowledge of python Knowledge of css

After completing The Complete Fullstack Web Developer Course online training, applicants will gain a deep understanding of the fundamental of full-stack web development. Applicants will explore the capabilities of numerous web development technologies and tools such as Python, Javascript, Vanilla JS, HTML5, HTML, CSS3, CSS, and Wagtail CMS. Applicants will learn about Github API security, as well as PHP for server code execution and MySQL for data storage. Applicants will also learn how to create a member-only website, similar to Facebook, that requires authentication to log in.

The syllabus

Before We Begin

  • Course Perks and File Downloads
  • How to ask great questions

The Ultimate HTML Developer: Introduction

  • Welcome to The Ultimate HTML Developer Modules
  • Introduction
  • What is HTML?
  • Project Files

The Ultimate HTML Developer: Getting Started

  • Getting Started
  • Code Editing Programs
  • Browsers
  • Elements
  • Hello World!
  • Page/Tab Titles
  • Doctypes
  • Attributes
  • Headers
  • Line Breaks
  • Bold vs. Strong
  • Italics vs. Emphasis
  • Underline
  • Code Comments
  • Links
  • Internal Links
  • Relative Links
  • Images
  • Block Elements vs. Inline Elements
  • Div Elements
  • Lists
  • Introduction to Tables, Rows and Cells
  • Tables: Merging Cells and Columns
  • Module Summary

The Ultimate HTML Developer: Advanced HTML

  • The DOM
  • Introduction to XHTML
  • Inline CSS
  • CSS Crash Course & Internal CSS
  • External CSS & CSS Files
  • Code Formatting
  • Bold & Italic Semantics
  • Head Elements
  • Meta Tags
  • Asset Pathing
  • Favicons
  • HTML Entities
  • Introduction to Forms
  • Input Elements
  • Textarea
  • Buttons
  • Dropdown Menus
  • New HTML5 Semantic Tags
  • Videos
  • Music/Audio
  • Introduction to Responsive Web Design

The Ultimate HTML Developer: Your Project

  • Your Project, Part 1
  • Your Project, Part 2
  • The Ultimate HTML Developer: Summary

CSS & CSS3 Masterclass: Introduction

  • Welcome to the CSS & CSS3 Masterclass!
  • CSS Introduction
  • Syntax Introduction
  • Editors
  • CSS Masterclass e-book (free)
  • What is Inline CSS?
  • What is Internal CSS?
  • What is External CSS?

CSS & CSS3 Masterclass: Getting Started

  • Color Types
  • Background Colors
  • Background Images
  • Repeating Background Images
  • Borders
  • The Box Model (Extremely Important!)
  • Padding
  • Margin
  • Centering an Element
  • Outline
  • Cursor
  • Mini Project
  • Mini Project: Solution

CSS & CSS3 Masterclass: Text Formatting

  • Text Color
  • Text Alignment
  • Text Decoration
  • Text Transform
  • Text Indent
  • Letter Spacing
  • Line Height
  • Direction
  • Word Spacing

CSS & CSS3 Masterclass: Fonts and Font Styling

  • Serif vs. Sans Serif
  • Font Family
  • Lots of Free Fonts
  • Font Style
  • Font Size
  • Font Weight
  • Font Variant
  • Font Awesome Icons

CSS & CSS3 Masterclass: Links and their "states"

  • Links Introduction
  • Hover Over Links
  • Visited Links
  • Active Links

CSS & CSS3 Masterclass: Better Selectors

  • Grouping Selectors
  • Descendant Selectors and Specificity
  • Child Selectors
  • Adjacent Selectors

CSS & CSS3 Masterclass: Lists

  • List Style Type
  • List Style Position
  • List Style Image

CSS & CSS3 Masterclass: Tables

  • Tables
  • Table Borders
  • Table Cell Vertical Align
  • Table Row Hover Effect
  • Mini Project
  • Mini Project: Solution

CSS & CSS3 Masterclass: Display

  • Display Introduction
  • Display Block
  • Display Inline
  • Display Inline-Block
  • Display None

CSS & CSS3 Masterclass: Sizing Elements

  • Width
  • Height

CSS & CSS3 Masterclass: Positions

  • Position Introduction
  • Position Relative
  • Position Absolute
  • Position Fixed
  • Overlapping Elements with Z-Index

CSS & CSS3 Masterclass: Overflow

  • Overflow Introduction
  • Overflow Scroll
  • Overflow Auto
  • Overflow Hidden

CSS & CSS3 Masterclass: Float and Clear

  • Float Introduction
  • Float Left & Right
  • Clear
  • Clearfix Hack
  • Opacity

CSS & CSS3 Masterclass: Advanced Selectors

  • Advanced Selectors Introduction
  • Attribute Selector
  • Exact Value Selector
  • Contains Value Selector
  • Starts With Selector
  • Ends With Selector

CSS & CSS3 Masterclass: Pseudo Selectors

  • Pseudo Selector Introduction
  • Hover Selector
  • First Child Selector
  • Last Child Selector
  • Focus Selector
  • Checked Selector
  • Disabled Selector
  • Enabled Selector
  • Not Selector

CSS & CSS3 Masterclass: Pseudo Elements

  • Before Selector
  • After Selector

CSS & CSS3 Masterclass Project: Use What You Learned!

  • The Project
  • The Solution (Full)
  • CSS1 and CSS2 Summary

CSS & CSS3 Masterclass: CSS3 Introduction

  • CSS3 Introduction

CSS & CSS3 Masterclass: CSS3 Rounding Corners

  • Border Radius
  • Round Images
  • Individually Rounded Corners

CSS & CSS3 Masterclass: CSS3 Background Images

  • Background Sizes
  • Multiple Background Images at the Same Time

CSS & CSS3 Masterclass: CSS3 New Color Properties

  • RGBA
  • HSL and HSLA
  • Opacity vs. Alpha

CSS & CSS3 Masterclass: CSS3 Gradients

  • Linear Gradients
  • Linear Gradient Colors and Transparency
  • Repeating Linear Gradients
  • Radial Gradients
  • Repeating Radial Gradients
  • Amazing Gradient Tools

CSS & CSS3 Masterclass: CSS3 Shadows

  • Shadow Introduction
  • Text Shadows
  • Box Shadows
  • Mini Project: Creating a CSS Card

CSS & CSS3 Masterclass: CSS3 Text Formatting

  • Text Introduction
  • Text Overflow
  • Word Wrap
  • Word Break
  • Text Align Last
  • Self-Hosted Custom Fonts

CSS & CSS3 Masterclass: CSS3 Transitions

  • Transition Introduction
  • Transitioning Sizes
  • Transitioning Colors
  • Transition Timing Functions (Speed Curves)
  • Transition Delay

CSS & CSS3 Masterclass: CSS3 Transformations

  • CSS & CSS3 Masterclass: CSS3 Animations
  • Translate
  • Rotate
  • Scale
  • Skew
  • Multiple Transformations
  • 3D Transformations

CSS & CSS3 Masterclass: CSS3 Animations

  • Animation Introduction
  • Animation Keyframes
  • Your First Animation
  • Animation Fill Mode
  • Create a Blinking Animation
  • Animation Iteration Count
  • Animation Delay
  • Animation Direction
  • Animation Timing Functions (Speed Curves)
  • Animation Mini Project
  • Animation Mini Project: Solution

CSS & CSS3 Masterclass: CSS3 Misc. Lessons

  • Columns
  • Resize
  • Box Sizing (Extremely Important!)

CSS & CSS3 Masterclass: CSS3 Flexbox

  • Flexbox Introduction
  • Equal Sized Columns
  • Flexbox Order
  • Flexbox Rows and Columns
  • Flexbox Reversed Rows and Columns
  • Flexbox Basis
  • Flexbox Wrap
  • Flexbox Vertical Alignment
  • Flexbox Align Items
  • Flexbox Justify Content
  • Flexbox Align Self
  • Flexbox Align Content
  • Responsive Flexbox Layout Project Part 1

CSS & CSS3 Masterclass: Responsive Web Design

  • Responsive Web Design (RWD) Introduction
  • Responsive Web Design (RWD) Meta Tag
  • A Quick Demo
  • Responsive Layout with Flexbox
  • Responsive Web Design (RWD) Print Mode
  • Multiple Media Queries
  • Responsive Images
  • Responsive iFrames
  • Responsive Web Design (RWD) Summary

Create a Beautiful Portfolio Web Page using HTML and CSS

  • Introduction
  • Module Files
  • Project Setup
  • Using a Framework
  • Installing the Library
  • Template Setup
  • Background Image
  • Image Setup
  • Content Setup
  • Adding Content
  • Social Icons
  • More Icons
  • Adding Tooltips
  • Summary

Create an 8-bit website

  • Introduction
  • The Final Code
  • Installing 8-bit
  • Navigation Bar
  • Adding a Grid
  • 8-bit Welcome Balloon
  • Two Column Layout
  • 8-bit Sections
  • Dark 8-bit Sections & Icons
  • 8-bit Social Icons
  • The Right Column
  • Large Dark 8-bit Section
  • Large Light 8-bit Section
  • 8-bit Profile Section
  • 8-bit Spacing
  • The Footer
  • Summary

JavaScript for Beginners - Learn with 6 main projects: Introduction

  • Introduction
  • Introduction: 7 JavaScript Facts
  • Download the Course Files
  • Your First Script
  • A Brief History

JavaScript for Beginners - Learn with 6 main projects

  • Introduction to Variables
  • Merging Variables
  • Console Logging
  • Selecting HTML Elements
  • Mini Project #1
  • String Manipulation
  • Accepting User Input
  • Introduction to Comparison Operators
  • Handling Opposite Operators
  • Mini Project #2
  • Handling Special Cases
  • Code Commenting
  • Introduction to Simple Arithmetic
  • Boolean Logic
  • Making Lists with Arrays
  • Checking Variable Types
  • Variable Casting
  • More Comparison Operators
  • Mini Project #3
  • Functions
  • Practice with Functions
  • Mini Project #4
  • Query Selectors
  • Introduction to Events
  • Tip Calculator Project
  • Anonymous Functions
  • IIFE
  • This 'this' Keyword
  • Scope
  • Hoisting
  • Introduction to Event Listeners
  • Getting Input Values
  • Changing CSS with Event Listeners
  • Mini Project #5
  • Objects
  • For Loops
  • While Loops
  • For Each Loops
  • Guessing Game Project

JavaScript for Beginners - Learn with 6 main projects: Advanced

  • Let and Const
  • Introduction to OOP
  • Extending Classes
  • Modal Project
  • Template Literals
  • Object Literals
  • Destructuring Arrays and Objects, and All the Rest
  • Timeouts
  • Intervals
  • API's and Ajax Requests
  • Arrow Functions
  • Adding and Removing CSS Classes
  • Final Project
  • Summary

Create a Modal by Hand using HTML, CSS and JavaScript

  • Breaking Down The Project
  • HTML/CSS/JavaScript Crash Course
  • The Background
  • Styling The Main Button
  • Centering The Main Button
  • Modal Background
  • The Modal Box
  • Using Custom Fonts
  • Custom Modal Buttons
  • Hiding The Modal By Default
  • Opening The Modal
  • Closing The Modal
  • Code Cleanup

Create a Hand Made Calculator with HTML, CSS and JavaScript

  • Setting Up The Project
  • Stubbing Out The HTML
  • Styling The Page
  • Styling The Buttons
  • Your Signature
  • Custom Font
  • Button Movements
  • Button Actions
  • Operational Calculator
  • The Finished Calculator
  • Code Cleanup

Git Essentials: Introduction

  • Welcome to Git Essentials
  • First things first

Git Essentials: Beginner Git

  • Why the command line?
  • Installing Git (Windows Only)
  • Notes about Git for Windows
  • Installing Git (MacOS and Linux)
  • Getting started with GitHub
  • Configuring Git on your computer
  • Creating and adding an SSH Key
  • How to clone a repository
  • How to create a new repository on GitHub
  • How to push to your GitHub repository
  • Git status
  • Unstaging a file
  • Undeleting a file
  • Git origins and remotes
  • Git branching
  • Committing to a new branch
  • Merging a branch into master
  • Seeing your Git history
  • Downloading updates from GitHub
  • How to get updates from GitHub
  • Checkout: code-time travel
  • README.md files

Git Essentials: Advanced Git

  • Viewing file differences
  • How to ignore files
  • Create a custom Git alias
  • The git lg alias code
  • Fixing Git commit messages
  • How to fork a repo
  • Git issues
  • How to open a pull request
  • Undoing a commit
  • Force pushing
  • How to rebase
  • Resolving merge and rebase conflicts
  • How to stash code
  • Adding tags to your commits

Git Essentials: Launch Your Website Using GitHub Pages

  • Welcome to Launching Your Website Using GitHub Pages
  • Setup your free GitHub account
  • Create a "special" repository on GitHub
  • What is cloning, anyway?
  • How to install Git on Windows
  • How to install Git on MacOS and Linux
  • How to configure your Git settings
  • How to "download" your repository to your computer
  • Create your first file
  • Push your files to your special repository
  • Demoing your new website
  • Making your website nicer with a theme
  • Don't forget to add your projects to your portfolio!
  • How and why you should "ignore" useless/hidden computer files
  • Summary: Your final project

Understanding APIs: Introduction

  • Introduction
  • What is an API?
  • Google Slides

Understanding APIs: RESTful APIs

  • The simplest way to think about an API (the metaphor)
  • A real life use case
  • What programming languages can we use?
  • Introduction to RESTful APIs
  • Introduction to JSON
  • Using SWAPI Notes
  • A real JavaScript API example
  • GET requests
  • POST requests
  • DELETE requests
  • PUT/PATCH requests
  • Consuming APIs (how to use them)
  • Requests and responses
  • Common status codes
  • API security

Understanding APIs: Summary

  • Summary
  • Resources
  • REST API Cheat Sheet

Python for Everybody: Introduction

  • Introduction
  • Coding Community
  • Python 2 vs. Python 3.
  • Where is Python Used These Days?
  • (Windows Only) Installing Python
  • Installing Python
  • Course FAQs
  • For Windows Users (Please Read)
  • (Windows Only) Command Line Crash Course
  • Command Line Crash Course
  • Running Python Code
  • (Windows Only) Interactive Notebooks
  • Interactive Notebooks
  • Where to Download the Code
  • Taking Notes Beside Code

Python for Everybody: Beginner-friendly Python

  • Basic Arithmetic
  • Variables
  • Formatting Code in Python
  • Python Data Types
  • Mutable vs. Immutable
  • Numbers
  • Strings (Sequences)
  • Lists (Sequences)
  • Indexing And Slicing
  • String Properties And Methods
  • User Input
  • Print Formatting
  • Lists
  • Dictionaries
  • Tuples
  • Sets
  • Booleans
  • None
  • Files
  • Your First Python Program

Python for Everybody: Intermediate Python

  • Comparison Operators
  • Comparison Shortcuts
  • Multiple Comparison Operators
  • Chaining Operators Together
  • Introduction to Loops
  • For Loops
  • Looping Through Dictionaries
  • While Loops
  • Break and Continue
  • Type Casting
  • Helpful Operators
  • List Comprehensions
  • Dictionary Comprehensions
  • Functions
  • Args And Kwargs
  • Comments
  • Map
  • Filter
  • Lambda Expressions
  • Scope

Python for Everybody: Advanced Python

  • Welcome to OOP
  • Creating Your First Class
  • Class Attributes
  • Class Methods
  • Real Life OOP Example
  • Class Inheritance
  • Class Interfaces
  • Super Function
  • Dunder Methods
  • Introduction to Packages
  • Installing 3rd Party Packages
  • Finding 3rd Party Packages
  • Seeing Installed Packages
  • Introduction to Modules
  • Creating a Package
  • Name and Main
  • Errors and Exceptions
  • Catching Exceptions
  • Unit Tests
  • Nested Functions
  • Decorators
  • Generators
  • Linting
  • Virtual Environments
  • Virtual Envs on Windows
  • Requirement Files
  • Interactive Python
  • Python Versions
  • Local Server

Create an Image Detection App from Scratch using Machine Learning

  • Project: Demonstration
  • Project: Python Environment
  • Project: Required Packages
  • Project: Custom Machine Learning Model
  • Project: The Code
  • Project: First Detection
  • Project: Second Detection
  • Project: Confidence Matters
  • Project: How to Learn More
  • Summary

Wagtail for Beginners: Build and deploy your Python website!

  • Introduction to Wagtail for Beginners
  • What is Wagtail CMS?
  • Source Code
  • How to Install Wagtail
  • Getting Started
  • Logging into the Admin
  • Wagtail Walkthrough
  • Editing the Home Page
  • Working with the Base Template
  • Services App and Pages
  • Service Page
  • Service Listing Page
  • Adding Page Validation
  • Adding a Header and Footer
  • Adding Debug Tools
  • Flex/Misc Page
  • Testimonial Objects
  • Welcome to StreamFields
  • Creating the StreamField App
  • Your First StreamField
  • Repeating StreamFields
  • Simplifying Repeating StreamFields
  • Custom StreamField Logic
  • Image and Text Block
  • Radio Block
  • Call to Action Block
  • Testimonials and Snippets
  • Table StreamField
  • RichText StreamField
  • Image Block StreamField
  • Custom StreamField Validation
  • Limiting Pages
  • Navigation Menus
  • Navigation Menu Templates
  • Contact Forms Part 1
  • Contact Forms Part 2
  • Limiting Contact Form Choices
  • .webp Image Support
  • Other Ways to Learn Wagtail
  • Global Site Settings
  • Changing the Wagtail Admin Logo
  • Adding Caching
  • Caching the Navigation and Footer
  • Adding a Sitemap
  • Prepping for Launch
  • A Guide for Launching Your Website
  • Website Launch!

How to Get a Job as a Web Developer: Introduction

  • Introduction
  • Don't believe everything you hear
  • The truth about GitHub (and GitLab)
  • The truth about portfolio websites

How to Get a Job as a Web Developer: The Good Stuff

  • Don't get stuck on the small things
  • How to find out what's skills are in demand
  • The truth behind remote jobs
  • What companies are REALLY looking for
  • Your resume strategy
  • Do resumes really help you get an interview?
  • Applying for the job
  • Maximizing your efforts
  • Another way to maximize your efforts
  • The secret to getting hired at your dream job
  • Who do companies REALLY hire?
  • The most valuable skill you can have
  • Your first interview
  • Following up
  • The WOW factor — being memorable
  • What to do next
  • Negotiating your salary
  • Once you're in...
  • Your next step

How to Get a Job as a Web Developer: Summary

  • Earn while your learn
  • Summary

Legacy Complete Web Developer Course

  • What you need to know about the remaining lessons

Legacy Course

  • Welcome

HTML Basics

  • What is HTML?
  • Editors.
  • 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

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

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)
  • PHP Quiz

PHP Advanced

  • Temporarily save user information: Sessions
  • Server Super Global Variables are usable anywhere
  • Save long-term user information: Cookies
  • Uploading files
  • Creating new files

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

Login/Registration Project

  • 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


Instructors

Mr Kalob Taulien
Web developer
Udemy

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Download the Careers360 App on your Android phone

Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

Careers360 App
150M+ Students
30,000+ Colleges
500+ Exams
1500+ E-books