Javascript 20 Projects In 20 Days Html, Css & Javascript

Javascript 20 Projects In 20 Days Html, Css & Javascript
Published 11/2023
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz

Sharpen your skills by building 20 quick unique & fun mini projects. A 20-Day Journey into JavaScript Projects

What you’ll learn

Project-based application of HTML, CSS, and JavaScript skills.

Modern styling techniques using Flexbox, CSS animations, and custom properties.

Comprehensive understanding of DOM manipulation, events, and array methods.

HTTP requests and practical application in web development.

Form validation techniques for enhancing user input integrity.

Requirements

Basic understanding of HTML, CSS, and JavaScript, access to a code editor, and a willingness to engage in hands-on project-based learning.

Description

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Download the Required Software’s

Lecture 3 How to follow and download the source codes

Lecture 4 News Letter Application Preview

Lecture 5 News Letter Application HTML

Lecture 6 News Letter Application CSS

Lecture 7 News Letter Application JS

Section 3: CSS Changer:

Lecture 8 CSS Changer Application Preview

Lecture 9 CSS Changer Application HTML

Lecture 10 CSS Changer Application CSS

Lecture 11 CSS Changer Application JS

Section 4: Counter Web Application:

Lecture 12 Counter Application Preview

Lecture 13 Counter Application HTML

Lecture 14 Counter Application CSS

Lecture 15 Counter Application JS

Section 5: Live Character Count:

Lecture 16 Live Character Count Preview

Lecture 17 Live Character Count HTML

Lecture 18 Live Character Count CSS

Lecture 19 Live Character Count JS

Section 6: Random Number Generator:

Lecture 20 Random Number Generator Preview

Lecture 21 Random Number Generator HTML

Lecture 22 Random Number Generator CSS

Lecture 23 Random Number Generator JS

Section 7: Weight Converter:

Lecture 24 Weight Converter Application Preview

Lecture 25 Weight Converter Application HTML

Lecture 26 Weight Converter Application CSS

Lecture 27 Weight Converter Application JS

Section 8: Code Editor:

Lecture 28 Code Editor Project Preview

Lecture 29 Code Editor Project HTML

Lecture 30 Code Editor Project CSS

Lecture 31 Code Editor Project JS

Section 9: Day of the Week:

Lecture 32 Day of the Week Project Preview

Lecture 33 Day of the Week Project HTML

Lecture 34 Day of the Week Project CSS

Lecture 35 Day of the Week Project JS

Section 10: Stop-Watch:

Lecture 36 Stopwatch Application Preview

Lecture 37 Stopwatch Application HTML

Lecture 38 Stopwatch Application CSS

Lecture 39 Stopwatch Application JS

Section 11: Write-a-Message:

Lecture 40 Write a Message Preview

Lecture 41 Write a Message HTML

Lecture 42 Write a Message CSS

Lecture 43 Write a Message JS

Section 12: FORM Validation:

Lecture 44 FORM Validation Project Preview

Lecture 45 FORM Validation Project HTML

Lecture 46 FORM Validation Project CSS

Lecture 47 FORM Validation Project JS

Section 13: Color Changer With Button:

Lecture 48 Color Changer Application Preview

Lecture 49 Color Changer Application HTML

Lecture 50 Color Changer Application CSS

Lecture 51 Color Changer Application JS

Section 14: Accordion Project:

Lecture 52 Accordion Project Preview

Lecture 53 Accordion Project HTML

Lecture 54 Accordion Project CSS

Lecture 55 Accordion Project JS

Section 15: Telephone Formatter:

Lecture 56 Telephone Formatter Preview

Lecture 57 Telephone Formatter HTML

Lecture 58 Telephone Formatter CSS

Lecture 59 Telephone Formatter JS

Section 16: Cursor Animation:

Lecture 60 Cursor Animation Preview

Lecture 61 Cursor Animation HTML

Lecture 62 Cursor Animation CSS

Lecture 63 Cursor Animation JS

Section 17: HEX Color Generator:

Lecture 64 Preview HTML CSS and JS of HEX Color Generator

Section 18: Piano Application:

Lecture 65 Preview of Piano Application

Section 19: Background Color:

Lecture 67 Preview HTML CSS and JS of BG Color Changer Application

Section 20: The Popover:

Lecture 68 Popover App HTML

Lecture 69 Popover App CSS

Lecture 70 Popover App JS

Section 21: FD Calculator:

Lecture 71 FD Calculator Preview, HTML, CSS and JS

Section 22: Bonus

Lecture 72 Bonus

Beginners seeking hands-on web development projects.,Intermediate developers looking to reinforce HTML, CSS, and JavaScript skills.,Those wanting to master vanilla JavaScript before exploring front-end frameworks.,Individuals aspiring to build a diverse portfolio of real-world projects.,Coding enthusiasts eager to enhance their understanding of the Document Object Model (DOM).,Anyone desiring practical experience in modern styling techniques and web design.