Close Menu

    Subscribe to Updates

    Get the latest creative news from FooBar about art, design and business.

    What's Hot

    How to make Social media icons hover effect using HTML & CSS

    14 May 2025

    How to make Awesome Radar Animation using HTML & CSS

    8 May 2025

    How to create Cross Road Game using HTML CSS and JS

    2 May 2025
    Facebook X (Twitter) Instagram YouTube Telegram Threads
    Coding StellaCoding Stella
    • Home
    • Blog
    • HTML & CSS
      • Login Form
    • JavaScript
    • Hire us!
    Coding StellaCoding Stella
    Home - Blog - 50 Projects in 50 Days – HTML/CSS and JavaScript
    Blog

    50 Projects in 50 Days – HTML/CSS and JavaScript

    Coding StellaBy Coding Stella23 February 2025Updated:25 February 2025No Comments2 Mins Read
    Share Facebook Twitter Pinterest LinkedIn Tumblr Reddit Email WhatsApp Copy Link

    Welcome to 50 Projects in 50 Days – HTML/CSS and JavaScript, a project-based journey to improve your web development skills! This course is created by Brad Traversy, a well-known web development instructor.

    In this course, you’ll build 50 unique projects using HTML, CSS, and JavaScript. Each project helps you learn and practice different web development techniques.

    What you’ll get:

    • Daily Projects: A new project every day for 50 days.
    • Practical Learning: Build projects from scratch and learn by doing.
    • Modern Web Techniques: Use CSS properties, JavaScript ES6+, and best practices.

    Please note: We do not own any of these projects – all projects are created by Brad Traversy.

    Some more projects – HTML CSS
    Some more projects – Javascript

    #ProjectLive Demo
    01Expanding CardsLive Demo
    02Progress StepsLive Demo
    03Rotating Navigation AnimationLive Demo
    04Hidden Search WidgetLive Demo
    05Blurry LoadingLive Demo
    06Scroll AnimationLive Demo
    07Split Landing PageLive Demo
    08Form WaveLive Demo
    09Sound BoardLive Demo
    10Dad JokesLive Demo
    11Event KeycodesLive Demo
    12Faq CollapseLive Demo
    13Random Choice PickerLive Demo
    14Animated NavigationLive Demo
    15Incrementing CounterLive Demo
    16Drink WaterLive Demo
    17Movie AppLive Demo
    18Background SliderLive Demo
    19Theme ClockLive Demo
    20Button Ripple EffectLive Demo
    21Drag N DropLive Demo
    22Drawing AppLive Demo
    23Kinetic LoaderLive Demo
    24Content PlaceholderLive Demo
    25Sticky NavbarLive Demo
    26Double Vertical SliderLive Demo
    27Toast NotificationLive Demo
    28Github ProfilesLive Demo
    29Double Click HeartLive Demo
    30Auto Text EffectLive Demo
    31Password GeneratorLive Demo
    32Good Cheap FastLive Demo
    33Notes AppLive Demo
    34Animated CountdownLive Demo
    35Image CarouselLive Demo
    36HoverboardLive Demo
    37PokedexLive Demo
    38Mobile Tab NavigationLive Demo
    39Password Strength BackgroundLive Demo
    403d Background BoxesLive Demo
    41Verify Account UiLive Demo
    42Live User FilterLive Demo
    43Feedback Ui DesignLive Demo
    44Custom Range SliderLive Demo
    45Netflix Mobile NavigationLive Demo
    46Quiz AppLive Demo
    47Testimonial Box SwitcherLive Demo
    48Random Image FeedLive Demo
    49Todo ListLive Demo
    50Insect Catch GameLive Demo
    51Simple TimerLive Demo

    Conclusion :

    This course is a perfect way to improve your front-end development skills through real-world projects. By the end of 50 days, you’ll have a strong understanding of HTML, CSS, and JavaScript and a portfolio full of creative, functional projects. Start your journey today and take your web development skills to the next level!

    CSS HTML js projects
    Share. Copy Link Twitter Facebook LinkedIn Email WhatsApp
    Previous ArticleHow to create Responsive Portfolio using HTML CSS & JavaScript
    Next Article How to make Glowing Animated Login Form using HTML & CSS
    Coding Stella
    • Website

    Related Posts

    JavaScript

    How to make Ghibli style moving castle in HTML CSS & JavaScript

    28 March 2025
    JavaScript

    How to create Responsive Portfolio using HTML CSS & JavaScript

    19 February 2025
    Blog

    Frontend Developer Roadmap 2025: The Complete Guide

    31 January 2025
    Add A Comment
    Leave A Reply Cancel Reply

    Trending Post

    Master Frontend in 100 Days Ebook

    2 March 202419K Views

    How to make Modern Login Form using HTML & CSS | Glassmorphism

    11 January 202416K Views

    How to make I love you Animation in HTML CSS & JavaScript

    14 February 202414K Views

    How to make Valentine’s Day Card using HTML & CSS

    13 February 202412K Views
    Follow Us
    • Instagram
    • Facebook
    • YouTube
    • Twitter
    ads
    Featured Post

    10 Must-Have VSCode Extensions for Web Development 🛸

    25 January 2024

    Is it Good to be a Full Stack Developer?

    24 January 2024

    How to Create Skeleton Loading Animation in HTML & CSS

    12 January 2024

    How to create Hide/Show Password using JavaScript

    17 April 2025
    Latest Post

    How to make Social media icons hover effect using HTML & CSS

    14 May 2025

    How to make Awesome Radar Animation using HTML & CSS

    8 May 2025

    How to create Cross Road Game using HTML CSS and JS

    2 May 2025

    How to create 3D Animated Bee website using HTML CSS and JS

    28 April 2025
    Facebook X (Twitter) Instagram YouTube
    • About Us
    • Privacy Policy
    • Return and Refund Policy
    • Terms and Conditions
    • Contact Us
    • Buy me a coffee
    © 2025 Coding Stella. Made with 💙 by @coding.stella

    Type above and press Enter to search. Press Esc to cancel.

    Ad Blocker Enabled!
    Ad Blocker Enabled!
    Looks like you're using an ad blocker. We rely on advertising to help fund our site.
    Okay! I understood