IIRF Online > Development > Web Development > JavaScript > 50 Projects In 50 Days - HTML, CSS & JavaScript
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!
Overview
What Will You Learn?
- This project-based teaching will help you sharpen your HTML, CSS, and JavaScript skills.
- It is perfect for beginners who are looking to build unique projects in a very short time.
- Suitable for both beginner and advanced front-end developers
- Modern Styling with CSS animations, flexbox, custom properties, etc.
- Everything here is open-source; you can use the project in your portfolio.
- Events, HTTP requests, DOM manipulation, array methods, and more.
Who is eligible for this course?
Beginner and Intermediate developers can learn this course with basic knowledge.
What are the requirements?
Here is the list of minimal requirements to get enrolled in the course:
- Must have a basic understanding of HTML
- Must be well introduced to CSS and JavaScript.
More About Course
50 Projects In 50 Days - HTML, CSS & JavaScript is a project-based course, especially for beginners, but advanced developers can create new things. This course will have 50 mini-projects in HTML, CSS, and JavaScript related to the Document Object Model (DOM).
With this course, you can create real-world projects of all types. 50 projects may seem a lot, but we have tried to make them small enough so you can complete one project in a few hours. And, of course, your skill level matters.
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 JavaScript Courses
Frequently Asked Questions
This course lets you learn HTML and CSS in just two weeks.
If you start learning HTML, CSS, and JavaScript from this course, you can learn 50 projects in 50 days.
Yes, this course will help you increase your JavaScript Skills.
Without a doubt, you can get a job with merely HTML and CSS. Furthermore, you may use those basic talents to start earning money while learning new ones, even if they're insufficient to get you your ideal job.
These online classes are a great way to acquire new skills and experience to help your career growth.
Thank You!
Your review has been submitted successfully.