50 Projects In 50 Days - HTML, CSS & JavaScript

Udemy

Online

₹ 4099

particular

details

                                    Medium of instructions
                                    English

                                    Mode of learning
                                    Self study

                                    Mode of Delivery
                                    Video and Text Based

Introduction

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

Day 1 - Expanding Cards

Project Intro
Initial Cards
Expanding Effect

Day 2 - Progress Steps

Project Intro
Creating The Steps
Step Functionality

Day 3 - Rotating Navigation

Project Intro
Content & Circle Styling
Rotate & Slide Effect

Day 4 - Hidden Search Widget

Project Intro
Hidden Search Widget

Day 5 - Blurry Loading

Project Intro
Background Image & Loading Text
Load Blur Effect

Day 6 - Scroll Animation

Project Intro
Scroll Animation

Day 7 - Split Landing Page

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

Day 8 - Form Wave Animation

Project Intro
Styling The Form
Adding The Wave Effect

Day 9 - Sound Board

Project Intro
Sound Board Project

Day 10 - Dad Jokes

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

Day 11 - Event KeyCodes

Project Intro
Key Boxes HTML & CSS
Display Key Codes

Day 12 - FAQ Collapse

Project Intro
FAQ Boxes
Toggle Buttons

Day 13 - Random Choice Picker

Project Intro
Choice Picker UI
Create Tags
Select Random Tag

Day 14 - Animated Navigation

Project Intro
Nav Styling
Icon Styling & Active Toggle

Day 15 - Incrementing Counter

Project Intro
Counters HTML & CSS
Create & Display Increment

Day 16 - Drink Water

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

Day 17 - Movie App

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

Day 18 - Background Slider

Project Intro
HTML & CSS
Changing Slides

Day 19 - Theme Clock

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

Day 20 - Button Ripple Effect

Project Intro
Button Style & Animation
Button Click Effect

Day 21 - Drag N Drop

Project Intro
Create Drop Boxes
Drag Drop Events

Day 22 - Drawing App

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

Day 23 - Kinetic CSS Loader

Project Intro
Kinetic CSS Loader

Day 24 - Content Placeholder

Project Intro
Card HTML
Card CSS
Animation Timeout Effect

Day 25 - Sticky Navbar

Project Intro
Website Content & Style
Navbar CSS & JS

Day 26 - Double Vertical Slider

Project Intro
Vertical Slider UI
Vertical Slider Function

Day 27 - Toast Notification

Project Intro
Create Toast Notifications

Day 28 - Github Profiles

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

Day 29 - Double Heart Clicks

Project Intro
HTML & CSS
Show Heart Based On Click Position

Day 30 - Auto Text Effect

Project Intro
Auto Text Effect

Day 31 - Password Generator

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

Day 32 - Good, Cheap, Fast Checkboxes

Project Intro
Style Checkboxes
Check Ball Animation
JavaScript Logic

Day 33 - Notes App

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

Day 34 - Animated Countdown

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

Day 35 - Image Carousel

Project Intro
Carousel UI
Carousel Functionality

Day 36 - Hoverboard

Project Intro
Styling The Board Squares
Hoverboard Effect

Day 37 - Pokedex

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

Day 38 - Mobile Tab Navigation

Project Intro
Create & Style UI
Navigation Effect

Day 39 - Password Strength Background

Project Intro
Creating The Form & Background
Change Blur On Input

Day 40 - 3D Background Boxes

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

Day 41 - Verify Account UI

Project Intro
Verify Account UI Project

Day 42 - Live User Filter

Project Intro
User List UI
Fetch & Filter Users

Day 43 - Feedback UI Design

Project Intro
Feedback Boxes
Select & Submit Feedback

Day 44 - Customer Range Slider

Project Intro
Styling The Range
Label Value & Movement

Day 45 - Netflix Navigation

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

Day 46 - Quiz App

Project Intro
Quiz UI
Quiz Functionality

Day 47 -Testimonial Box Switcher

Project Intro
Create Box & Progress Bar
Testimonial Switch

Day 48 - Random Image Feed

Project Intro
Random Image Feed Project

Day 49 - Todo List

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

Day 50 -Insect Catch Game

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

Popular Courses

Popular Platforms

Popular Searches

50 Projects In 50 Days - HTML, CSS & JavaScript

Online

₹ 4099

Quick Facts

Course and certificate fees

Fees information

certificate availability

certificate providing authority

The syllabus

Introduction

Day 1 - Expanding Cards

Day 2 - Progress Steps

Day 3 - Rotating Navigation

Day 4 - Hidden Search Widget

Day 5 - Blurry Loading

Day 6 - Scroll Animation

Day 7 - Split Landing Page

Day 8 - Form Wave Animation

Day 9 - Sound Board

Day 10 - Dad Jokes

Day 11 - Event KeyCodes

Day 12 - FAQ Collapse

Day 13 - Random Choice Picker

Day 14 - Animated Navigation

Day 15 - Incrementing Counter

Day 16 - Drink Water

Day 17 - Movie App

Day 18 - Background Slider

Day 19 - Theme Clock

Day 20 - Button Ripple Effect

Day 21 - Drag N Drop

Day 22 - Drawing App

Day 23 - Kinetic CSS Loader

Day 24 - Content Placeholder

Day 25 - Sticky Navbar

Day 26 - Double Vertical Slider

Day 27 - Toast Notification

Day 28 - Github Profiles

Day 29 - Double Heart Clicks

Day 30 - Auto Text Effect

Day 31 - Password Generator

Day 32 - Good, Cheap, Fast Checkboxes

Day 33 - Notes App

Day 34 - Animated Countdown

Day 35 - Image Carousel

Day 36 - Hoverboard

Day 37 - Pokedex

Day 38 - Mobile Tab Navigation

Day 39 - Password Strength Background

Day 40 - 3D Background Boxes

Day 41 - Verify Account UI

Day 42 - Live User Filter

Day 43 - Feedback UI Design

Day 44 - Customer Range Slider

Day 45 - Netflix Navigation

Day 46 - Quiz App

Day 47 -Testimonial Box Switcher

Day 48 - Random Image Feed

Day 49 - Todo List

Day 50 -Insect Catch Game

Instructors

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Thank You!

Download Careers360 App

All this at the convenience of your phone