50 Projects In 50 Days - HTML, CSS & JavaScript by Udemy
Sharpen your skills by building 50+ quick, unique and fun mini projects
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
50 Projects In 50 Days - HTML, CSS & JavaScript
Related CSS Courses
.webp)
Thank You!
Your review has been submitted successfully.