Udemy – 50 Projects In 50 Days – HTML, CSS & JavaScript

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Udemy Original Course Link

 

This is a purely project-based course. It is geared toward beginners, but intermediate developers can also enjoy creating new things. This course includes 50+ mini projects in HTML, CSS & JavaScript that relate to the DOM (Document Object Model). Here is a list of what we will create in this course:

 

  1. Expanding Cards

  2. Progress Steps

  3. Rotating Navigation Animation

  4. Hidden Search Widget

  5. Blurry Loading

  6. Scroll Animation

  7. Split Landing Page

  8. Form Wave

  9. Sound Board

  10. Dad Jokes

  11. Event Keycodes

  12. Faq Collapse

  13. Random Choice Picker

  14. Animated Navigation

  15. Incrementing Counter

  16. Drink Water

  17. Movie App

  18. Background Slider

  19. Theme Clock

  20. Button Ripple Effect

  21. Drag N Drop

  22. Drawing App

  23. Kinetic Loader

  24. Content Placeholder

  25. Sticky Navbar

  26. Double Vertical Slider

  27. Toast Notification

  28. Github Profiles

  29. Double Click Heart

  30. Auto Text Effect

  31. Password Generator

  32. Good Cheap Fast

  33. Notes App

  34. Animated Countdown

  35. Image Carousel

  36. Hoverboard

  37. Pokedex

  38. Mobile Tab Navigation

  39. Password Strength Background

  40. 3d Background Boxes

  41. Verify Account UI

  42. Live User Filter

  43. Feedback UI Design

  44. Custom Range Slider

  45. Netflix Mobile Navigation

  46. Quiz App

  47. Testimonial Box Switcher

  48. Random Image Feed

  49. Todo List

  50. Insect Catch Game

  51. Simple Timer (Bonus Day 1)

Show More

What Will You Learn?

  • HTML, CSS နဲ့ JavaScript ကို ပရောဂျက်အခြေခံနည်းဖြင့် လေ့ကျင့်နိုင်မည်ဖြစ်ပြီး၊ coding ကျွမ်းကျင်မှုကို တဖြည်းဖြည်းတိုးတက်လာအောင် လေ့လာရပါမယ်။
  • အချိန်တိုအတွင်း ထူးခြားတဲ့ project မျိုးစုံ တည်ဆောက်နိုင်ဖို့ မူလကျသင်ခန်းစာအဖြစ် လေ့လာရပါမယ်။
  • Flexbox၊ CSS Animations၊ Custom Properties စသည့် နောက်ဆုံးပေါ်ဒီဇိုင်းနည်းပညာများကို အသုံးပြုပြီး လှပတဲ့ UI များဖန်တီးနည်း သင်ယူရပါမယ်။
  • DOM ကိုထိန်းချုပ်နည်း၊ Event Handling၊ Array Method မျိုးစုံနှင့် HTTP Request စနစ်များကို လက်တွေ့သုံးနည်းဖြင့် သင်ယူရပါမယ်။

Course Content

Udemy – 50 Projects In 50 Days – HTML, CSS & JavaScript

  • 01. Introduction
    13:03
  • 03. Day 2 – Progress Steps
    25:12
  • 04. Day 3 – Rotating Navigation
    24:28
  • 05. Day 4 – Hidden Search Widget
    09:51
  • 06. Day 5 – Blurry Loading
    13:08
  • 07. Day 6 – Scroll Animation
    14:14
  • 09. Day 8 – Form Wave Animation
    18:57
  • 10. Day 9 – Sound Board
    11:04
  • 11. Day 10 – Dad Jokes
    24:36
  • 15. Day 14 – Animated Navigation
    18:49
  • 17. Day 16 – Drink Water
    31:20
  • 18. Day 17 – Movie App
    36:13
  • 21. Day 20 – Button Ripple Effect
    15:34
  • 23. Day 22 – Drawing App
    29:00
  • 25. Day 24 – Content Placeholder
    22:09
  • 26. Day 25 – Sticky Navbar
    23:43
  • 27. Day 26 – Double Vertical Slider
    25:52
  • 28. Day 27 – Toast Notification
    16:03
  • 29. Day 28 – Github Profiles
    44:01
  • 30. Day 29 – Double Heart Click
    21:56
  • 31. Day 30 – Auto Text Effect
    10:08
  • 32. Day 31 – Password Generator
    41:58
  • 33. Day 32 – Good, Cheap, Fast Checkboxes
    18:00
  • 34. Day 33 – Notes App
    30:51
  • 35. Day 34 – Animated Countdown
    28:24
  • 36. Day 35 – Image Carousel
    18:07
  • 37. Day 36 – Hoverboard
    14:12
  • 38. Day 37 – Pokedex
    27:47
  • 39. Day 38 – Mobile Tab Navigation
    15:36
  • 40. Day 39 – Password Strength Background
    14:52
  • 41. Day 40 – 3D Background Boxes
    27:34
  • 42. Day 41 – Verify Account UI
    14:49
  • 43. Day 42 – Live User Filter
    27:07
  • 44. Day 43 – Feedback UI Design
    25:30
  • 45. Day 44 – Custom Range Slider
    24:20
  • 46. Day 45 – Netflix Navigation
    20:18
  • 47. Day 46 – Quiz App
    22:18
  • 48. Day 47 – Testimonial Box Switcher
    20:35
  • 49. Day 48 – Random Image Feed
    10:19
  • 50. Day 49 – Todo List
    24:00
  • 51. Day 50 – Insect Catch Game
    41:49
  • 52. Bonus Day 1 – Simple Timer
    33:04

Student Ratings & Reviews

No Review Yet
No Review Yet