50 Projects In 50 Days - HTML, CSS & JavaScript

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:Expanding CardsProgress StepsRotating Navigation AnimationHidden Search WidgetBlurry LoadingScroll AnimationSplit Landing PageForm WaveSound BoardDad JokesEvent KeycodesFaq CollapseRandom Choice PickerAnimated NavigationIncrementing CounterDrink WaterMovie AppBackground SliderTheme ClockButton Ripple EffectDrag N DropDrawing AppKinetic LoaderContent PlaceholderSticky NavbarDouble Vertical SliderToast NotificationGithub ProfilesDouble Click HeartAuto Text EffectPassword GeneratorGood Cheap FastNotes AppAnimated CountdownImage CarouselHoverboardPokedexMobile Tab NavigationPassword Strength Background3d Background BoxesVerify Account UILive User FilterFeedback UI DesignCustom Range SliderNetflix Mobile NavigationQuiz AppTestimonial Box SwitcherRandom Image FeedTodo ListInsect Catch GameSimple Timer (Bonus Day 1)Many people jump into a frontend framework too early. Learning vanilla JavaScript and understanding how the document object model works are essential before moving to a framework. This course teaches you this by creating real-world projects of all types.

You will also learn more about HTML5 and CSS including semantic tags in your markup, basic CSS properties such as colors, alignment, flexbox, and shadows as well as creating responsive layouts with CSS media queries, CSS custom properties, animations/transitions, and more. 50 projects may seem like a lot, but we were able to make them small enough to where you can complete a project in just a few hours. Of course, this depends on your skill level.