20 Web Projects: Html, Css & Javascript

Sharpen your skills by building 20 quick, unique & fun projects. A 20-Day Journey into HTML, CSS, & JavaScript

What you'll learn

Build 20 Frontend Projects From Scratch

Modern JavaScript (ES6+) - Arrows, Fetch, Promises, etc

Fetch & JSON With 3rd Party API's

DOM Manipulation & Events

Modern styling techniques using Flexbox, CSS animations

How to use HTML, CSS, and JavaScript to build dynamic websites

Requirements

Basics of HTML, CSS, and JavaScript

Description

Elevate your web development skills with our '20 Web Projects: HTML, CSS & Javascript' course—perfect for anyone looking to enhance their HTML, CSS, and JavaScript proficiency!Expert-Led Instruction: Delve into the essentials of HTML, CSS, and JavaScript through guided instruction. This course emphasizes effective learning strategies and crafting techniques that empower you to create exceptional web projects. Portfolio Enhancement: Whether you're a seasoned coder or just starting, these projects are designed to sharpen your portfolio. Showcase a wide range of skills as you bring each project to life. 24/7 Support: Access round-the-clock support for any questions or challenges you encounter. A dedicated support team is here to assist you at every step of your learning journey. Accessible Pathway: The structured 20-day journey accommodates all schedules. Each day introduces a new project, providing a manageable pace for learners at any level.Why Choose '20 Web Projects'?This course caters to the universal desire for skill enhancement. Whether you're a beginner eager to start your coding journey or an experienced developer seeking to refine your skills, '20 Web Projects: HTML, CSS & Javascript' is designed for everyone.Ready to transform your coding skills, enhance your portfolio, and showcase what you've created through your projects?Let's get started!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Please download the Course Materials

Lecture 3 My Environment

Section 2: CSS Animation Effects

Lecture 4 Preview

Lecture 5 HTML

Lecture 6 CSS

Section 3: Login Form

Lecture 7 Preview

Lecture 8 HTML

Lecture 9 CSS

Section 4: Food Website

Lecture 10 Preview

Lecture 11 HTML

Lecture 12 CSS

Section 5: Flip Card

Lecture 13 Preview

Lecture 14 HTML

Lecture 15 CSS

Section 6: Writting Effect

Lecture 16 Preview

Lecture 17 HTML

Lecture 18 CSS

Section 7: Water Effect

Lecture 19 Preview

Lecture 20 HTML

Lecture 21 CSS

Section 8: Hover Effect

Lecture 22 Preview

Lecture 23 HTML

Lecture 24 CSS

Section 9: Sending Emails

Lecture 25 Preview

Lecture 26 HTML

Lecture 27 CSS

Lecture 28 JAVASCRIPT

Section 10: QR Code Generator

Lecture 29 Preview

Lecture 30 HTML

Lecture 31 CSS

Lecture 32 JAVASCRIPT

Section 11: Key Event Tool

Lecture 33 Preview

Lecture 34 HTML

Lecture 35 CSS

Lecture 36 JAVASCRIPT

Section 12: Quiz App

Lecture 37 Preview

Lecture 38 HTML

Lecture 39 CSS

Lecture 40 JAVASCRIPT

Section 13: Shoes Card

Lecture 41 Preview

Lecture 42 HTML

Lecture 43 CSS

Lecture 44 JAVASCRIPT

Section 14: Calculator

Lecture 45 Preview

Lecture 46 HTML

Lecture 47 CSS

Lecture 48 JAVASCRIPT

Section 15: Film Information Popup

Lecture 49 Preview

Lecture 50 HTML

Lecture 51 CSS

Lecture 52 JAVASCRIPT

Section 16: Background Remover

Lecture 53 Preview

Lecture 54 HTML

Lecture 55 CSS

Lecture 56 JAVASCRIPT - PART1

Lecture 57 JAVASCRIPT - PART2

Lecture 58 JAVASCRIPT - PART3

Section 17: Secret Message Decoder

Lecture 59 Preview

Lecture 60 HTML

Lecture 61 CSS

Lecture 62 JAVASCRIPT

Section 18: Filter Programming Languages

Lecture 63 Preview

Lecture 64 HTML

Lecture 65 CSS

Lecture 66 JAVASCRIPT

Section 19: Color Blind Game

Lecture 67 Preview

Lecture 68 HTML

Lecture 69 CSS

Lecture 70 JAVASCRIPT

Section 20: Weather App

Lecture 71 Preview

Lecture 72 HTML

Lecture 73 CSS

Lecture 74 JAVASCRIPT

Section 21: Color Picker

Lecture 75 Preview

Lecture 76 HTML

Lecture 77 CSS

Lecture 78 JAVASCRIPT - PART1

Lecture 79 JAVASCRIPT - PART2

Anyone looking to build some fun and easy-to-intermediate projects and sharpen your portfolio