Course Highlights
  • Project based teaching to sharpen your HTML, CSS & JavaScript skills
  • Perfect for beginners looking for things to build unique projects in a short timeframe
  • Modern styling with flexbox, CSS animations, custom properties, etc
  • DOM manipulation, events, array methods, HTTP requests & more
Skills you will learn!
Curriculum

4 Topics
Welcome
My Environment & Setup
Project Starter Boilerplate
Course Projects Code & Demos

3 Topics
Project Intro
Initial Cards
Expanding Effect

3 Topics
Project Intro
Creating The Steps
Step Functionality

3 Topics
Project Intro
Content & Circle Styling
Rotate & Slide Effect

2 Topics
Project Intro
Hidden Search Widget

3 Topics
Project Intro
Background Image & Loading Text
Load Blur Effect

2 Topics
Project Intro
Scroll Animation

3 Topics
Project Intro
Split Landing Page HTML & CSS
Adding The Hover Effect

3 Topics
Project Intro
Styling The Form
Adding The Wave Effect

2 Topics
Project Intro
Sound Board Project

4 Topics
Project Intro
Jokes HTML & CSS
Working With Fetch & HTTP Requests/Responses
Fetching & Displaying Jokes

3 Topics
Project Intro
Key Boxes HTML & CSS
Display Key Codes

3 Topics
Project Intro
FAQ Boxes
Toggle Buttons

4 Topics
Project Intro
Choice Picker UI
Create Tags
Select Random Tag

3 Topics
Project Intro
Nav Styling
Icon Styling & Active Toggle

3 Topics
Project Intro
Counters HTML & CSS
Create & Display Increment

4 Topics
Project Intro
Create & Style The Cups
Fill Small Cups
Update Big Cup

4 Topics
Project Intro
Movies UI Layout
Fetching Data From The API
Adding Movies To The DOM

3 Topics
Project Intro
HTML & CSS
Changing Slides

4 Topics
Project Intro
Starting The Clock
Finish Clock Styling
Mode & Clock Function

3 Topics
Project Intro
Button Style & Animation
Button Click Effect

3 Topics
Project Intro
Create Drop Boxes
Drag Drop Events

5 Topics
Project Intro
Drawing Pad UI
Canvas Shapes
Mouse Events & Drawing
Toolbox Controls

2 Topics
Project Intro
Kinetic CSS Loader

4 Topics
Project Intro
Card HTML
Card CSS
Animation Timeout Effect

3 Topics
Project Intro
Website Content & Style
Navbar CSS & JS

3 Topics
Project Intro
Vertical Slider UI
Vertical Slider Function

2 Topics
Project Intro
Create Toast Notifications

5 Topics
Project Intro
Github Profile Card
Fetching Profile Data With Axios
Dynamic Profile Cards
Adding Repos To Card

3 Topics
Project Intro
HTML & CSS
Show Heart Based On Click Position

2 Topics
Project Intro
Auto Text Effect

5 Topics
Project Intro
Password Generator UI
Random Functions
Generate Password
Copy Password To Clipboard

4 Topics
Project Intro
Style Checkboxes
Check Ball Animation
JavaScript Logic

4 Topics
Project Intro
Notes HTML & CSS
Adding Notes To The DOM
Save Notes To Local Storage

4 Topics
Project Intro
Counter & Final Sections
In & Out Animations
Dynamic Animation With JS

3 Topics
Project Intro
Carousel UI
Carousel Functionality

3 Topics
Project Intro
Styling The Board Squares
Hoverboard Effect

4 Topics
Project Intro
Pokedex UI & Styling
Fetching Pokemon Data
Creating The Pokemon Cards

3 Topics
Project Intro
Create & Style UI
Navigation Effect

3 Topics
Project Intro
Creating The Form & Background
Change Blur On Input

3 Topics
Project Intro
Creating The Button & Boxes
Background Position & Rotate Event

2 Topics
Project Intro
Verify Account UI Project

3 Topics
Project Intro
User List UI
Fetch & Filter Users

3 Topics
Project Intro
Feedback Boxes
Select & Submit Feedback

3 Topics
Project Intro
Styling The Range
Label Value & Movement

3 Topics
Project Intro
Netflix Nav - Part 1
Netflix Nav - Part 2

3 Topics
Project Intro
Quiz UI
Quiz Functionality

3 Topics
Project Intro
Create Box & Progress Bar
Testimonial Switch

2 Topics
Project Intro
Random Image Feed Project

4 Topics
Project Intro
Todo List UI
Add Remove & Mark Complete
Saving Todos to Local Storage

4 Topics
Project Intro
Game Styling - Part 1
Game Styling - Part 2
Insect Game Functionality

  Write a Review

50 Projects In 50 Days - HTML, CSS & JavaScript

Go to Paid Course