Complete Web Developer Course

.

Complete Web Developer Course

Learn how to build Websites and Web Applications from scratch. Learn HTML, CSS, CMS, Bootstrap, JavaScript, NodeJs, ExpressJs, React and more! Get a High-income Career after learning this skill.

Start Today N9,900

From Beginner to Professional

No prior experience in Web development is required.
Certificate

Earn a Certificate upon completion
100% online

Start instantly and learn at your own schedule. All you need is a computer and internet connection.
Peer Review Community

Learn from other students. See their works and projects. Discover trends, inquire, share knowledge, and thrive!
Full lifetime access

Even after completing the course, you can still access the classes anytime and continue learning with our course updates.
Average learner completes this course in 12 weeks
Downloadable Classes
Code-along Practical Classes
5 real projects
Coaching on How to start earning income as a Web Developer

Course curriculum

1. My Commitment
2. Welcome To The Course
3. Curriculum Walkthrough
4. Will I Get A Job After The Course?
5. {...}👥 Web Developer Community
1. The Internet in 5 Minutes
2. Introduction to the Web
3. The Request/Response Cycle
4. The Front-End and The Back-End
5. What does HTML/CSS/JS do?
6. Setting Up Our Development Environment
7. OPTIONAL VSCode Theme
8. 💬 Setting Goals - Let's discuss
9. Learning Integrity
10. About the Assignments
1. Introduction to HTML
2. Our Very First HTML Page
3. Mozilla Developer Network
4. Paragraph Elements
5. Heading Elements
6. <>💻 Coding Exercise: Pangolin Practice
7. Introduction to the Chrome Inspector
8. HTML Boilerplate
9. VSCode: Auto-format
10. List Elements
11. <> 💻 Coding Exercise: Favorite Movies Exercise
12. Anchor Tags
13. Images
14. Comments
15. <> 💻 Coding Exercise: Wolf Images & Links Exercise
1. What Exactly Is HTML5?
2. Block vs. Inline Elements - Divs and Spans
3. An Odd Assortment of Elements: HR, BR, Sup, & Sub
4. Entity Codes
5. <> 💻 Coding Exercise: Snowman Logo Exercise
6. Intro to Semantic Markup
7. Playing With Semantic Elements
8. VSCode: Emmet
9. How are your classes so far?
10. Screen Reader Demo
1. Unit Goals
2. Introducing HTML Tables
3. Tables: TR, TD, and TH Elements
4. Tables: Thead, Tbody, and Tfoot Elements
5. Tables: Colspan & Rowspan
6. <>💻 Coding Exercise: Table Practice Exercise
7. The Form Element
8. Common Input Types
9. The All-Important Label
10. HTML Buttons
11. The Name Attribute
12. "Hijacking" Google & Reddit's Search
13. Radio Buttons, Checkboxes, & Selects
14. Range & Text Area
15. <>💻 Coding Exercise: Forms Practice Exercise
16. HTML5 Form Validations
17. <>💻 Coding Exercise: Creating A Marathon Registration Form Exercise
18. 🎉 Congratulations on Completing HTML! How are your classes so far?
1. What is CSS?
2. CSS is Huge, Don't Panic!
3. Including Styles Correctly
4. Color & Background-Color Properties
5. <>💻 Our First CSS Exercise
6. Colors Systems: RGB & Named Colors
7. Colors Systems: Hexadecimal
8. Quiz 1: Colors Quiz
9. A Reminder On Semicolons & CSS
10. Common Text Properties
11. Font Size Basics With Pixels
12. The Font Family Property
13. <>💻 Coding Exercise: Company Logo Exercise
1. Universal & Element Selectors
2. The ID Selector
3. The Class Selector
4. <>💻 Coding Exercise: Basic Selectors Practice
5. The Descendant Selector
6. <>💻 Coding Exercise: Descendant Combinator Practice
7. The Adjacent & Direct-Descendant Selectors
8. The Attribute Selector
9. Pseudo Classes
10. <>💻 Coding Exercise: Checkerboard Practice Excercise
11. Pseudo Elements
12. The CSS Cascade
13. WTF is Specificity?
14. Quiz 2: Specificity Quiz
15. TIP: Chrome Dev Tools & CSS
16. Inline Styles & Important
17. CSS Inheritance
1. Resources for this section
2. Box Model: Width & Height
3. Box Model: Border & Border-Radius
4. <>💻 Coding Exercise: Box Model Practice
5. Box Model: Padding
6. Box Model: Margin
7. The Display Property
8. CSS Units Revisited
9. CSS Units: ems
10. CSS Units: rems
1. Resources for this section
2. Opacity & The Alpha Channel
3. The Position Property
4. CSS Transitions (yay!)
5. The Power of CSS Transforms
6. Fancy Button Hover Effect CodeAlong
7. The Truth About Background
8. Google Fonts is Amazing
9. Photo Blog CodeAlong Pt. 1
10. Photo Blog CodeAlong Pt. 2 + Assignment
11. <>💻 Coding practice: Submit your Photo Blog Assignment
1. Resources for this section
2. What on Earth Is Flexbox?
3. Flex-Direction
4. Justify-Content
5. Flex-Wrap
6. Align-Items
7. Align-Content & Align-Self
8. Flex-Basis, Grow, & Shrink
9. Flex Shorthand
10. Responsive Design & Media Queries Intro
11. The Power of Media Queries
12. Building a Responsive Nav
1. Pricing Panel CodeAlong Pt. 1
2. Pricing Panel CodeAlong Pt. 2
3. Pricing Panel CodeAlong Pt. 3
4. Pricing Panel CodeAlong Pt. 4
5. Pricing Panel CodeAlong Pt. 5
6. Pricing Panel CodeAlong Pt. 6
1. Resources for this section
2. WTF Is Bootstrap
3. Including Bootstrap & Containers
4. Bootstrap Buttons
5. Bootstrap Typography & Utilities
6. Badges, Alerts, & Button Groups
7. <>💻 Coding Exercise: Bootstrap Basics Practice
8. Intro to the Bootstrap Grid
9. <>💻 Coding Exercise: Bootstrap Grid Practice
10. Responsive Bootstrap Grids
11. Useful Grid Utilities
12. Bootstrap & Forms
13. Bootstrap Navbars
14. Bootstrap Icons!
15. Other Bootstrap Utilities
16. A Mixed Bag of Other Bootstrap Stuff
1. Museum of Candy Project Part 1
2. NOTE ABOUT THE NEXT VIDEO!
3. Museum of Candy Project Part 2
4. Museum of Candy Project Part 3
5. Museum of Candy Project Part 4
6. Museum of Candy Project Part 5
7. 🎉 Congratulations on Completing CSS! How are your classes so far?
1. How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS
2. Best Place to Buy a Domain Name? | 7 Domain Registrars Compared!
3. How to Host a Website
4. Wix Website Tutorial: How to Create a Wix Website in 5 Easy Steps!
5. How To Create A Shopify Website | Simple & Easy
6. WordPress Tutorial For Beginners [Made Easy]
1. How to Create a Gig on Fiverr (Step by Step Tutorial)
2. How To Make Money On Fiverr With Website Design In 2023
3. Upwork Tutorial for Beginners: How to Create a Great Profile & Get Started as an Upwork Freelancer
4. How to Be A Successful Web Developer On Upwork
1. 💻 Submit your Wix website
2. Let's Talk
1. Guide: Front-End Developer Resume (Any Level of Experience)
2. Front End Developer Portfolio that got me Hired
1. Artificial Intelligence (AI) and Web Development
2. How I Coded An Entire Website Using ChatGPT
3. How to Create Entire Website with ChatGPT (No Coding)
1. Resources
2. Why JavaScript is Awesome
3. Primitives & The Console
4. JavaScript Numbers
5. WTF is NaN
6. Quick Numbers Quiz
7. Variables & Let
8. {...}💻 Coding Exercise: Our First Variables Exercise
9. Updating Variables
10. Const & Var
11. {...}💻 Coding Exercise: Our First Constants Exercise
12. Variables Quiz
13. Booleans
14. Variable Naming and Conventions
15. Quick Variable Quiz
1. Resources
2. Introducing Strings
3. {...}💻 Coding Exercise: Our First String Variables Practice
4. Indices & Length
5. String basics Quiz
6. String Methods
7. {...}💻 Coding Exercise: String Methods Practice
8. String Methods With Arguments
9. {...}💻 Coding Exercise: More String Methods Practice
10. String Template Literals -SUPER USEFUL
11. Undefined & Null
12. Random Numbers & The Math Object
13. {...}💻 Coding Exercise: String Template Literal Exercise
14. How are your classes so far?
1. Resources
2. Decision Making With Code??
3. Comparison Operators
4. Equality: Triple Vs. Double Equals
5. Comparison Quiz!
6. Console, Alert, & Prompt
7. Running JavaScript From A Script!
8. If Statements
9. {...}💻 Coding Exercise: Our First Conditional Exercise
10. Else-If
11. Else
12. {...}💻 Coding Exercise: getColor Conditional Exercise
13. Nesting Conditionals
14. {...}💻 Coding Exercise: Nested Conditionals Practice
15. Truth-y & False-y Values
16. Logical AND
17. {...}💻 Coding Exercise: Logical AND Mystery Exercise
18. Logical OR
19. Logical NOT
20. The Switch Statement Is...A Lot
1. Resources
2. Introducing Arrays
3. {...}💻 Coding Exercise: Lotto Numbers Exercise
4. Array Random Access
5. {...}💻 Coding Exercise: Array Access Exercise
6. Push & Pop
7. Shift & Unshift
8. {...}💻 Coding Exercise: Push/Pop/Shift/Unshift Practice
9. Concat, indexOf, includes & reverse
10. Slice & Splice
11. Reference Types & Equality Testing
12. Arrays + Const
13. Multi-Dimensional Arrays
14. {...}💻 Coding Exercise: Nested Arrays Exercise
1. Resources
2. Introducing Object Literals
3. Creating Object Literals
4. {...}💻 Coding Exercise: Our First Object Exercise
5. Accessing Data Out Of Objects
6. {...}💻 Coding Exercise: Object Access Exercise
7. Modifying Objects
8. Nesting Arrays & Objects
1. Resources
2. Intro to For Loops
3. {...}💻 Coding Exercise: Our First For Loop Practice
4. More For Loops Examples
5. {...}💻 Coding Exercise: More For Loops Practice
6. The Perils Of Infinite Loops :(
7. Looping Over Arrays
8. {...}💻 Coding Exercise: Iterating Arrays Exercise
9. Nested Loops
10. Another Loop: The While Loop
11. The Break Keyword
12. Writing a Guessing Game
13. Guessing Game Explanation and Bug fixes
14. The Lovely For...Of Loop
15. {...}💻 Coding Exercise: For...Of Practice
16. Iterating Over Objects
17. Todo List Project Intro
18. Todo List Project CodeAlong
1. Resources
2. Intro to Functions
3. Our Very First Function
4. {...}💻 Coding Exercise: Heart Function Exercise
5. Arguments Intro
6. {...}💻 Coding Exercise: Rant Exercise
7. Functions With Multiple Arguments
8. {...}💻 Coding Exercise: Multiple Args Exercise
9. The Return Keyword
10. {...}💻 Coding Exercise: Return Value Practice
11. {...}💻 Coding Exercise: isShortsWeather Function
12. {...}💻 Coding Exercise: Last Element Exercise
13. {...}💻 Coding Exercise: Capitalize Exercise
14. {...}💻 Coding Exercise: Sum Array Exercise
15. {...}💻 Coding Exercise: Days Of The Week Exercise
1. Resources
2. Function Scope
3. Function Scope Quiz
4. Block Scope
5. Lexical Scope
6. Function Expressions
7. {...}💻 Coding Exercise: Function Expression Exercise
8. Higher Order Functions
9. Returning Functions
10. Defining Methods
11. {...}💻 Coding Exercise: Methods Exercise
12. The Mysterious Keyword 'this'
13. {...}💻 Coding Exercise: Egg Laying Exercise
14. Using Try/Catch
1. Resources
2. What Is This Section Even About?!
3. The forEach Method
4. The map Method
5. {...}💻 Coding Exercise: Map Practice
6. Intro to Arrow Functions
7. {...}💻 Coding Exercise: Arrow Function Exercise
8. Arrow Function Implicit Returns
9. Arrow Functions Wrapup
10. setTimeout and setInterval
11. The filter Method
12. {...}💻 Coding Exercise: Filter Exercise
13. Some & Every Methods
14. {...}💻 Coding Exercise: Some/Every Exercise
15. The Notorious Reduce Method
16. Arrow Functions & 'this'
1. Resources
2. Default Params
3. Spread in Function Calls
4. Spread with Array Literals
5. Spread with Objects
6. Rest Params
7. Destructuring Arrays
8. Destructuring Objects
9. Destructuring Params
1. Note
2. Resources
3. Introducing the DOM
4. The Document Object
5. getElementById
6. {...}💻 Coding Exercise: getElementById Practice
7. getElementsByTagName & className
8. querySelector & querySelectorAll
9. {...}💻 Coding Exercise: querySelector Practice
10. innerHTML, textContent, & innerText
11. {...}💻 Coding Exercise: Pickles Exercise
12. Attributes
13. {...}💻 Coding Exercise: Manipulating Attributes Practice
14. Changing Styles
15. {...}💻 Coding Exercise: Magical Forest Circle Exercise
16. {...}💻 Coding Exercise: Rainbow Text Exercise
17. ClassList
18. {...}💻 Coding Exercise: ClassList Practice
19. Traversing Parent/Child/Sibling
20. Append & AppendChild
21. {...}💻 Coding Exercise: 100 Button Insanity Exercise
22. removeChild & remove
23. Pokemon Sprites Demo
1. Resources
2. Intro to Events
3. Inline Events
4. {...}💻 Coding Exercise: Know Thy Enemy Exercise
5. The Onclick Property
6. addEventListener
7. Random Color Exercise
8. Events & The Keyword This
9. Keyboard Events & Event Objects
10. Form Events & PreventDefault
11. Practice With Form Events & PreventDefault
12. {...}💻 Coding Exercise: Form Events Exercise
13. Input & Change Events
14. {...}💻 Coding Exercise: Input Event Practice
15. Event Bubbling
16. Event Delegation
1. Score Keeper Pt. 1
2. Score Keeper Pt. 2
3. Score Keeper Pt. 3 With Bulma
4. Score Keeper Pt. 4 Refactoring
1. Resources
2. The Call Stack
3. WebAPIs & Single Threaded
4. Callback Hell :(
5. Demo: fakeRequest Using Callbacks
6. Demo: fakeRequest Using Promises
7. The Magic Of Promises
8. Creating Our Own Promises
9. The Async Keyword
10. The Await Keyword
11. Handling Errors In Async Functions
1. Resources
2. Intro to AJAX
3. Intro to APIs
4. WTF is JSON
5. Using Hoppscotch (or Postman)
6. HTTP Verbs
7. HTTP Status Codes
8. Understanding Query Strings
9. HTTP Headers
10. Making XHRs
11. Using The Fetch API
12. Introducing Axios
13. Setting Headers With Axios
14. TV Show Search App
1. Resources
2. What On Earth Are Prototypes
3. Intro to Object Oriented Programming
4. Factory Functions
5. Constructor Functions
6. JavaScript Classes
7. More Classes Practice
8. Extends and Super Keywords
1. Resources
2. Backend Overview
3. A Pep Talk On Terminal
4. Why Do We Need To Know Terminal Commands?
5. Windows Terminal Installation Instructions
6. The Basics: LS & PWD
7. Changing Directories
8. Relative Vs. Absolute Paths
9. Making Directories
10. Man Pages & Flags
11. The Touch Command
12. Removing Files & Folders
1. Resources
2. Introducing Node JS
3. What Is Node Used For?
4. Installing Node
5. The Node REPL
6. Running Node Files
7. Process & Argv
8. IMPORTANT NOTE: fs.writeFileSync Changes
9. File System Module Crash Course
1. Resources
2. Working With module.exports
3. Requiring A Directory
4. Introducing NPM
5. Installing Packages - Jokes & Rainbow
6. Adding Global Packages
7. The All-Important Package.json
8. Installing All Dependencies For A Project
9. IMPORTANT NOTE: Fixing Issues — Language Guesser Challenge
10. Language Guesser Challenge
1. Resources
2. Introducing Express
3. Our Very First Express App
4. The Request & Response Objects
5. Express Routing Basics
6. Express Path Parameters
7. Working With Query Strings
8. Auto-Restart With Nodemon
1. Resources
2. What is Templating?
3. Configuring Express For EJS
4. Setting The Views Directory
5. EJS Interpolation Syntax
6. Passing Data To Templates
7. Subreddit Template Demo
8. Conditionals in EJS
9. Loops In EJS
10. A More Complex Subreddit Demo
11. Serving Static Assets In Express
12. Bootstrap + Express
13. EJS & Partials
1. Resources
2. Get Vs. Post Requests
3. Defining Express Post Routes
4. Parsing The Request Body
5. Intro to REST
6. RESTful Comments Overview
7. RESTful Comments Index
8. RESTful Comments New
9. Express Redirects
10. RESTful Comments Show
11. The UUID Package
12. RESTful Comments Update
13. Express Method Override
14. RESTful Comments Delete
1. Resources
2. Introduction to Databases
3. SQL Vs. NoSQL Databases
4. Why We're Learning Mongo
5. Installing Mongo: MacOS
6. Installing Mongo: Windows Installation Tutorial
7. IMPORTANT NOTE: About The Mongo Shell
8. The Mongo Shell
9. What On Earth Is BSON?
10. Inserting With Mongo
11. Finding With Mongo
12. Updating With Mongo
13. Deleting With Mongo
14. Additional Mongo Operators
1. Resources
2. What is Mongoose
3. A note about solving mongoose connection issues
4. Connecting Mongoose to Mongo
5. A note about the node .load index.js command issue
6. Our First Mongoose Model
7. Insert Many
8. Finding With Mongoose
9. Updating With Mongoose
10. Deleting With Mongoose!
11. Mongoose Schema Validations
12. Additional Schema Constraints
13. Validating Mongoose Updates
14. Mongoose Validation Errors
15. Model Instance Methods
16. Adding Model Static Methods
17. Mongoose Virtuals
18. Defining Mongoose Middleware
1. Resources
2. Express + Mongoose Basic Setup
3. Creating Our Model
4. Products Index
5. Product Details
6. Creating Products
7. Updating Products
8. Tangent On Category Selector
9. Deleting Products
10. BONUS: Filtering By Category
1. Resources
2. Creating the Basic Express App
3. Campground Model Basics
4. Seeding Campgrounds
5. Campground Index
6. Campground Show
7. Campground New & Create
8. Campground Edit & Update
9. Campground Delete
1. Intro to Express Middleware
2. Using Morgan - Logger Middleware
3. Resources
4. Defining Our Own Middleware
5. More Middleware Practice
6. Setting Up A 404 Route
7. Password Middleware Demo (NOT REAL AUTH)
8. Protecting Specific Routes
1. A New EJS Tool For Layouts
2. Footer Partial
3. Bootstrap5! Boilerplate
4. Navbar Partial
5. Adding Images
6. Styling Campgrounds Index
7. Styling The New Form
8. Styling Edit Form
9. Styling Show Page
1. Resources
2. Express' Built-In Error Handler
3. Defining Custom Error Handlers
4. Our Custom Error Class
5. Handling Async Errors
6. Handling More Async Errors!
7. Defining An Async Utility
8. Differentiating Mongoose Errors
1. Where To Next With YelpCamp?
2. Client-Side Form Validations
3. Basic Error Handler
4. Defining ExpressError Class
5. More Errors
6. Defining Error Template
7. JOI Schema Validations
8. JOI Validation Middleware
1. Resources
2. Introduction to Mongo Relationships
3. SQL Relationships Overview
4. Note: Solving an upcoming code issue with mongoose version 7
5. One to Few
6. One to Many
7. Mongoose Populate
8. One to "Bajillions"
9. Mongo Schema Design
1. Resources
2. Defining Our Farm & Product Models
3. Note about Farm model
4. Creating New Farms
5. Farms Show Page
6. Creating Products For A Farm
7. Finishing Touches
8. Deletion Mongoose Middleware
1. Defining The Review Model
2. Adding The Review Form
3. Creating Reviews
4. Validating Reviews
5. Displaying Reviews
6. Styling Reviews
7. Deleting Reviews
8. Campground Delete Middleware
1. Resources
2. Express Router Intro
3. Express Router & Middleware
4. Introducing Cookies
5. Sending Cookies
6. Cookie Parser Middleware
7. Signing Cookies
8. OPTIONAL: HMAC Signing
1. Resources
2. Introduction to Sessions
3. Express Session
4. More Express Session
5. Intro to Flash
6. Res.locals & Flash
1. Breaking Out Campground Routes
2. Breaking Out Review Routes
3. Serving Static Assets
4. Configuring Session
5. Setting Up Flash
6. Flash Success Partial
7. Flash Errors Partial
1. Resources
2. Authentication Vs. Authorization
3. How to (not) Store Passwords
4. Cryptographic Hashing Functions
5. Password Salts
6. Intro to Bcrypt
7. Auth Demo: Setup
8. Auth Demo: Registering
9. Auth Demo: Login
10. Auth Demo: Staying Logged In With Session
11. Auth Demo: Logout
12. Auth Demo: Require Login Middleware
13. Auth Demo: Refactoring To Model Methods
1. Introduction to Passport
2. Creating Our User Model
3. Configuring Passport
4. Register Form
5. Register Route Logic
6. Login Routes
7. isLoggedIn Middleware
8. IMPORTANT: Fixing Logout
9. Adding Logout
10. currentUser Helper
11. Fixing Register Route
12. IMPORTANT: Passport.js Updates — Fixing The returnTo/Redirect Issue
13. ReturnTo Behavior
1. Adding an Author to Campground
2. Showing and Hiding Edit/Delete
3. Campground Permissions
4. Authorization Middleware
5. Reviews Permissions
1. Refactoring To Campgrounds Controller
2. Adding a Reviews Controller
3. A Fancy Way To Restructure Routes
4. Displaying Star Ratings
5. Star Rating Form
1. Intro To Image Upload Process
2. The Multer Middleware
3. Cloudinary Registration
4. Environment Variables with dotenv
5. Uploading To Cloudinary Basics
6. Storing Uploaded Image Links In Mongo
7. Displaying Images In A Carousel
8. Fixing Our Seeds
9. Adding Upload to Edit Page
10. Customizing File Input
11. A Word Of Warning!
12. Deleting Images Form
13. Deleting Images Backend
14. Adding a Thumbnail Virtual Property
1. Registering For Mapbox
2. Geocoding Our Locations
3. Working With GeoJSON
4. Displaying A Map
5. Centering The Map On A Campground
6. Fixing Our Seeds Bug
7. Customizing Map Popup
1. Intro To Our Cluster Map
2. Adding Earthquake Cluster Map
3. Reseeding Our Database (again)
4. Basic Clustering Campgrounds
5. Tweaking Clustering Code
6. Changing Cluster Size and Color
7. Adding Custom Popups
1. Styling Home Page
2. Additional Home Page Styling
3. Styling Login Form
4. Styling Register Form
5. Spacing Campgrounds
6. Removing Inline Map Styles
1. Mongo Injection
2. Cross Site Scripting (XSS)
3. Sanitizing HTML w/ JOI
4. Minor Changes to Session/Cookies
5. Hiding Errors
6. IMPORTANT: Helmet Updates — Fixing Issues
7. Using Helmet
8. Content Security Policy Fun
1. Setting Up Mongo Atlas
2. IMPORTANT: connect-mongo — Handling Updates
3. Using Mongo For Our Session Store
4. Render — A free alternative for deploying your app
5. Heroku Setup
6. Pushing to Heroku
7. Fixing Heroku Errors
8. Configuring Heroku Env Variables
1. How The React Content Works
2. Introducing React
3. Setting Up Code Sand Box
4. The Basics of JSX
5. Basic React App Structure
6. Our First React Component
1. Importing and Exporting Components
2. The Rules of JSX
3. React Fragments
4. Evaluating JS Expressions in JSX
5. Creating a Die Component
6. Component Decomposition
7. Styling Components
8. Random PokeCard Exercise
9. GET THE POKEMON IMAGE URL HERE
1. Creating React Apps With Vite
2. A Note About Create React App
3. A Tour of A Vite App
1. Introducing Props
2. Non-String Props
3. Setting Default Prop Values
4. Passing Arrays and Objects
5. React Conditionals
6. The React Developer Tools
7. Adding Dynamic Component
8. Rendering Arrays With Map
9. Slot Machine Exercise
1. Creating A Shopping List Component
2. The Key Prop
3. The Shopping List Item Component
4. Rental Property Exercise
5. Rental Properties Exercise STARTER DATA
6. Configuring ESLint
7. PropTypes Library Crash Course
1. Intro to React Events
2. Non-Click Events
3. Working With The Event Object
4. Clicker Exercise
1. Introducing State
2. Working With The useState() Hook
3. Creating a Toggler Component
4. Multiple Pieces of State In A Component
5. useState() and Rendering
6. Color Box Exercise INTRO
7. Color Box Exercise SOLUTION
1. Setting State With An Updater Function
2. State Initializer Functions
3. When Does React Re-Render?
4. Working With Objects In State
5. Arrays In State
6. Generating Ids with UUID
7. Deleting From Arrays The React Way
8. Common Array Updating Patterns
9. Updating All Elements In An Array
10. Score Keeper Exercise
1. Introducing The Lucky7 Game
2. Formulating Our Component Gameplan
3. Building Die and Dice Components
4. The LuckyN Component
5. State As Props
6. Passing Functions As Props
7. Passing Functions That Update State
8. Practice Passing State Updating Functions
1. Controlled Components
2. The htmlFor Property
3. Working With Multiple Inputs
4. A Better Signup Form
5. Computed Property Names in HandleChange()
6. Creating a Shopping List Form
7. Shopping List Component
8. Finishing The Shopping List Component
9. Form Validation From Scratch
10. Validations using React Hook Form
1. Introducing Effects
2. The useEffect Hook
3. useEffect Dependencies
4. Fetching Initial Data From an API
5. Adding a Loader
6. Github Profile Search
1. Introducing Material UI
2. Installing Material UI
3. The Rating Component
4. Material Forms
5. The SX Prop and Custom Styles
1. Creating The Application
2. The TodoList Component
3. Removing Todos
4. Toggling Todos
5. The New Todo Form
6. Adding LocalStorage
7. Tweaking the Todo Icons and Ids
8. Final Styles
1. Check Out This Fancy Todo List
1. What's Next and Goodbye!
2. 🎉 Congratulations on Completing the Entire Course.

About the Web Developer course

763 lessons
71.5 hours of video content
Peer review group and student community
3 months
Quizzes, Assignments and Projects

Start Today N9,900

Need help?

Course Preview

Who this course is for:

This course is for anyone who wants to learn about web development, regardless of previous experience
It's perfect for complete beginners with zero experience
It's also great for anyone who does have some experience in a few of the technologies (like HTML and CSS) but not all
If you want to take ONE COURSE to learn everything you need to know about web development, take this course

Requirements

Have a computer with Internet
Be ready to learn an insane amount of awesome stuff
Prepare to build real web apps!

Reviews - What our students say about the Web Developer Course on VivaKing

Student Review

Precious Ohuche

So far! it's been a good learning experience for me. Kudos to the instructor! He's incredibly knowledgeable and articulate. I'm honestly glad I chose Vivaking🥰

Read Less

VivaKing Course Review

Kehinde Ogunyemi

Glad I'm learning this through Vivaking. The teaching process is a top-notch.

Read Less

Training exercise on VivaKing

DESIGN FOREVER

Well This course is one of the best, because it explain in details for beginners and it is easy to learn

Read Less

Great Effort

Oluwaniboss O

:) I actually can only smile, the teaching style makes it learning friendly, and contacting for correction is swift. So far it has been interesting and eye o...

:) I actually can only smile, the teaching style makes it learning friendly, and contacting for correction is swift. So far it has been interesting and eye opening.

Read Less

I love the course

Divine Umeh

I am really learning. The instructor took his time to lecture very well.

Read Less

GREAT

Deborah Aizebeokhai

So far so good it’s going well. The Instructor is doing a great job, making it easy for one to understand.👍

Read Less

review

Yetunde Bello

The teachings in the Web Developer Course were great.

Read Less

Understandable

Raphael Anazor

Everything is plain and understandable

Read Less

QUALITY AT A VERY AFFORDABLE PRICE

Clinton Uzoka

It just explains things at a very basic level.... LOVE IT

Read Less

Skills You'll Gain

The ins and outs of HTML5, CSS3, and Modern JavaScript
Make REAL web applications using cutting-edge technologies
Create responsive, accessible, and beautiful layouts
Recognize and prevent common security exploits like SQL-Injection & XSS
Continue to learn and grow as a developer, long after the course ends
Create a blog application from scratch using Node
Express, and MongoDB.
Create a complicated yelp-like application from scratch
Deploy your applications and work with cloud databases
Create static HTML and CSS portfolio sites and landing pages
Think like a developer. Become an expert at Googling code questions!
Create complex HTML forms with validations
Implement full authentication from scratch!
Use CSS Frameworks including Bootstrap 5
Semantic UI, and Bulma
Implement responsive navbars on websites
Use JavaScript variables, conditionals, loops, functions, arrays, and objects
Write Javascript functions, and understand scope and higher order functions
Master the "weird" parts of JavaScript
Create full-stack web applications from scratch
Manipulate the DOM with vanilla JS
Write JavaScript based browser games
Use Postman to monitor and test APIs
Use NodeJS to write server-side JavaScript
Write complex web apps with multiple models and data associations
Write a REAL application using everything in the course
Use Express and MongoDB to create full-stack JS applications
Use common JS data structures like Arrays and Objects
Master the command line interface
Use NPM to install all sorts of useful packages
Understand the ins and outs of HTTP requests
Create your own Node modules
Make a beautiful, responsive photographer's portfolio page
Create a beautiful, responsive landing page for a startup
Implement user authentication
Create a beautiful animated todo list application
Create single page applications with AJAX

Start Today N9,900

Frequently Asked Questions

Can I pay for the course through bank transfer?

You can do a bank transfer to: United Bank for Africa (UBA Bank), VIVAKING CREATIVE, Account NO: 1025987077. After Payment, please Call/WhatsApp +234 9127308311 with your name and email address for registration and course account access.
Is the course really 100% online? Do I need to attend classes in person?

This course is completely online, so there’s no need to show up to a classroom in person. You can access your lectures, readings and assignments anytime and anywhere via the web or your mobile device.
How long does it take to complete this course?

It will take approximately 12 weeks for an average learner to complete the entire course.
What backgroung knowledge is necessary?

You need to have a computer and know your way around a computer before taking this course.
I just purchased the course. How do I start my classes?

To start/resume course, please log into your account at Vivaking.org and click on “My Dashboard” at the menu top of the page. From your dashboard, you’ll see the courses you have purchased. Click start/resume to begin your classes. You can take your classes at your own schedule and at your own pace. Feel free to contact us anytime you need assistance during the period of your learning.
I just purchased the course but cannot find it in my dashboard.

If you experience this, please contact us on WhatsApp +234 091 2730 8311 or Instagram @vivakingdotorg and we will rectify the issue as soon as possible.
Will I get certificate after course is completed?

Yes you will.

Start Learning Today

Self-Paced Learning Option
Course Videos & Readings
Practice Quizzes
Graded Assignments and Projects with Peer Feedback
Graded Coding Assignments

Start Today N9,900

Instructor

Designer, Developer, Entreprenur and Instructor Oswald (Ozzy) King

Hi! I'm Ozzy. I'm a Designer, social media marketing professional and Web/App developer with a serious love for business and teaching. I've spent the last few years teaching people in schools to design and program where I've helped lots of people become web developers and designers and change their lives. I don't just teach this field because I'm an expert at it. I also bring a lot of my business experience into the classes. I've worked for well over 600 clients over 10 years. In December 2022 I launched my first online course, The UI/UX Design Course and will launch more as time goes on. I've spent years figuring out the "formula" to teaching technical skills in a classroom environment, and I'm really excited to finally share my expertise with you. I can confidently say that my online courses will without a doubt be the most comprehensive ones on the market. Join me on this crazy adventure!

Why people choose VivaKing to learn new skills

Complete Web Development Course

Oludotun A

Not only do you learn, but you are also tasked to put what you learn to practice. Kudos to the tutor and management for a job well done. Cheers!

:) Great effort

Oluwaniboss O

I actually can only smile. The teaching style makes it learning friendly and contacting for correction is swift. It has been interesting and eye opening

Kudos to the instructor!

Precious O

It's been a good learning experience for me. Kudos to the instructor! he is incredibly knowledgeable and articulate. I'm honestly glad I chose VivaKing.

Web Developer Course Review

Michelle O

I would recommend this course and any other course by Vivaking to any one for just one reason- He breaks complex or seemingly complex topics into very relatable things, you just have to understand.

Great course

Teeraboh F

Learning for me is all about how much I can connect with my tutor or instructor and with how much I have seen in the first stage of the course, I would surely recommend this course to anyone wanting to become a frontend dev.

VivaKing Course Review

Kehinde O

Glad I'm learning this through Vivaking. The teaching process is a top-notch.

Discover your potential, starting today

Start Today

From Beginner to Professional

Certificate

100% online

Peer Review Community

Full lifetime access

Average learner completes this course in 12 weeks

Downloadable Classes

Code-along Practical Classes

5 real projects

Coaching on How to start earning income as a Web Developer

Course Introduction

An Introduction To Web Development

HTML: The Essentials

HTML: Next Steps and Semantics

HTML: Forms and Tables

CSS: The very basics

The World of CSS Selectors

The CSS Box Model

Other Assorted Useful CSS Properties

Responsive CSS and Flexbox

Pricing Panel Project

CSS Framework: Bootstrap

Museum of Candy Project

How To Put A Website Online - For Yourself or Your Client.

How To Start Making Money as A Web Developer

Earn up to N1 Million per month with this easy to learn skill.

How To Develop Your Resume (CV) As A Web Developer

Artificial Intelligence (AI) and Web Development

JavaScript Basics

JavaScript Strings and More

JavaScript Decision Making

JavaScript Arrays

JavaScript Object Literals

Repeating Stuff With Loops

New: Introducing Functions

Leveling Up Our Functions

CallBacks and Array Methods

Newer JavaScript Features

Introducing The World Of The DOM

The Missing piece: DOM Events

Score Keeper CodeAlong

Async JavaScript: Oh Boy!

AJAX and API's

Prototypes, Classes & OOP

Mastering The Terminal

Our First Brush With Node

Exploring Modules and The NPM Universe

Creating Servers With Express

Creating Dynamic HTML with Templating

Defining RESTful Routes

Our First Database: MongoDB

Connecting to Mongo with Mongoose

Putting It All Together: Mongoose With Express

YelpCamp: Campgrounds CRUD

Middleware: The Key to Express

YelpCamp: Adding Basic Styles

Handling Errors In Express Apps

YelpCamp: Errors And Validating Data

Data Relationships With Mongo

Mongo Relationships With Express

YelpCamp: Adding The Reviews Model

Express Router & Cookies

Express Session & Flash

YelpCamp: Restructuring & Flash

Authentication From "Scratch"

YelpCamp: Adding In Authentication

YelpCamp: Basic Authorization

YelpCamp: Controllers And Star Ratings

YelpCamp: Image Upload

YelpCamp: Adding Maps

YelpCamp: Fancy Cluster Map

YelpCamp: Styles Clean Up

YelpCamp: Common Security issues

YelpCamp: Deploying

Introducing React

JSX In Detail

Local React Apps With Vite

Working With Props

Shopping List Demo: Keys, Props, Types and More

React Events