Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
60 HTML CSS JS projects - HTML5, CSS3 and vanilla JavaScript
Rating: 4.7 out of 5(679 ratings)
3,759 students
Created byDr. Sahand Ghavidel
Last updated 5/2024
English

What you'll learn

  • Acquire the skills to develop exciting projects from scratch with pure HTML, CSS, and JavaScript - no external libraries or plugins needed!
  • Expand your knowledge of HTML, CSS, and JavaScript while mastering responsive web design principles.
  • mbark on a tutorial journey to learn the fundamentals of HTML, CSS, and JavaScript.
  • Each project kicks off with crafting the HTML section, then we progress to the CSS and JavaScript segments upon completion.
  • Immerse yourself in an engaging project-based course that teaches HTML, CSS, and JavaScript, while guiding you to craft sleek, trendy, and responsive websites.
  • Discover vital JavaScript methods in this fresh, new course.
  • Enhance your proficiency in HTML, CSS, and JavaScript through project-centered instruction.
  • Explore contemporary styling techniques like Flexbox, CSS animations, custom properties, and more.
  • Delve into advanced concepts such as Document Object Model (DOM) manipulation, event handling, array methods, HTTP requests, and beyond.
  • Perfect for beginners who desire to build unique projects within a reasonably brief timeframe.

Course content

63 sections • 262 lectures • 52h 50m total length

  • Introduction1:54

    Learn HTML5, CSS3, and vanilla JavaScript through hands-on, from-scratch projects to build modern, responsive web apps. Choose projects that match your interests with separate videos for each technology.

  • Source code and project demo0:03

Requirements

  • No prior knowledge of HTML, CSS, or JavaScript required. This course comprehensively covers all syntax related to HTML, CSS, and JavaScript.
  • Code is never copy-pasted, and all projects are initiated from scratch.
  • To facilitate comprehension, each line of code is clarified and exemplified in the project.

Description

60 NEW HTML CSS JS projects - 60 HTML5, CSS3 and vanilla JavaScript

Welcome to our all-inclusive course on mastering HTML, CSS, and JavaScript, where you will acquire the skills you need to construct modern and responsive web applications by creating entertaining and engaging projects.

Our course is designed to offer you a hands-on experience, guiding you on how to code web applications from scratch with the latest web technologies: HTML5, CSS3, and vanilla JavaScript. This approach ensures that you understand each concept thoroughly and allows you to practice your newly acquired skills without relying on copy-pasting.

You do not need any previous knowledge of HTML, CSS, or JavaScript since we will take you through every syntax and explain each step in detail. Our course is suitable for both beginners and experienced programmers. Whether you're new to coding or looking to refresh your skills, our course is perfect for you.

We believe that learning should be enjoyable and engaging, which is why we've created an array of modern, super-cool, and captivating projects that you will develop throughout the course. Each project is created independently from scratch, and you can choose which ones to work on based on your interests.

Our course features separate videos for each technology, enabling you to learn and focus on the areas that interest you the most. For instance, if you're primarily interested in JavaScript, you can skip the HTML and CSS sections and dive right into the JavaScript videos.

You can use this course for 50 days 50 projects or 100 days of code challenges.

I'm Sahand, a web developer with over 16 years of experience, and I'll be your guide throughout the course, answering any questions you may have and providing valuable feedback to help you become a proficient web developer.

Are you ready to immerse yourself in the exciting world of web development? Join us today and start building astonishing websites!

Here is the list of projects:

  1. Age Calculator

  2. Tip Calculator

  3. Recipe Book App

  4. Dice Roll Simulator

  5. Pomodoro Timer

  6. Rock Paper Scissors Game

  7. Stopwatch

  8. Weather App

  9. Image Search App

  10. Basic Calculator

  11. Dad Jokes Generator

  12. Photo Gallery

  13. English Dictionary

  14. Anime Pics Generator

  15. Note App

  16. BMI Calculator

  17. Random Quote Generator

  18. Temperature Converter

  19. Currency Converter

  20. Loan Calculator

  21. Random Emoji

  22. Weight Converter

  23. Feedback UI

  24. Button Ripple Effect

  25. Digital Clock

  26. Rotating Image Gallery

  27. Random Color Generator

  28. Real-time Character Counter

  29. Profile Statistics

  30. Heart Trail Animation

  31. Mini Calendar

  32. Animated Search Bar

  33. Social Media Selector Menu

  34. Random Password Generator

  35. Testimonial Slider

  36. New Year Countdown

  37. Emoji Rating

  38. Sticky Navbar

  39. Double Landing Page

  40. Auto Text Effect Animation

  41. Background Image Scroll Effect

  42. Blurred Background Popup

  43. Dark Mode Toggle

  44. Drum Kits

  45. To Do List

  46. Random Photos

  47. Multiplication App

  48. Step Progress Bar

  49. Mouse Event

  50. Loading Bar

  51. Image Slider

  52. Video Trailer Popup

  53. Clock

  54. Month calendar

  55. Counter

  56. Q&A Section

  57. Tabs

  58. Background Video

  59. Sidebar Menu

  60. Navbar menu

Who this course is for:

  • Join this course if you aspire to construct visually stunning websites using HTML, CSS, and JavaScript.
  • Enroll in this course if you're a novice seeking a practical approach to learning JavaScript.
  • Master HTML, CSS, and JavaScript by constructing uncomplicated yet practical websites in this course.
  • After this course, students can write HTML, CSS, and JavaScript code and build responsive websites.

Report abuse