- Course Perks and File Downloads
- How to ask great questions
Online
₹ 639 3,499
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
certificate availability
certificate providing authority
What you will learn
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.
Who it is for
The syllabus
Before We Begin
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