Tutorials > Udemy - 20 Web Projects With Vanilla JavaScript (2020)

Udemy - 20 Web Projects With Vanilla JavaScript (2020)

Date: 25 August 2025 | Posted by: AD-TEAM

Udemy - 20 Web Projects With Vanilla jаvascript (2020)

Build 20 mini frontend projects from scratch with HTML5, CSS & jаvascript (No frameworks or libraries)

What you'll learn
Build 20 Frontend Projects From Scratch
No JS or CSS Frameworks
Modern jаvascript (ES6+) - Arrows, Fetch, Promises, etc
DOM Manipulation & Events
Animations With CSS & jаvascript
Fetch & JSON With 3rd Party API's
HTML5 Canvas, Speech API, Audio & Video
Beginner Friendly

This is a fun, practical & project based course for all skill levels. The projects in this course are designed to get you building things using HTML5, CSS & jаvascript with no frameworks or libraries. Every project is built from scratch and has some kind of dynamic functionality from small games to an expense tracker to a breathing relax app.

Although this is a project based course, I will still be explaining everything as I go. These are mini-projects designed for you to complete in a few hours.

You should have some basic knowledge of HTML/CSS/JS. If you are brand new, I would suggest my Modern HTML/CSS From The Beginning and/or my Modern JS From The Beginning courses on Udemy. This course is a mix of both.

Some Things You Will Learn In These Projects:

Create Layouts & UI's With HTML/CSS ( No CSS Frameworks )
CSS Animations (Transitions, Keyframes, etc With JS Triggers)
jаvascript Fundamentals
DOM Selection & Manipulation
jаvascript Events (Forms, buttons, scrolling, etc)
Fetch API & JSON
HTML5 Canvas
The Audio & Video API
Drag & Drop
Web Speech API (Syth & Recognition)
Working with Local Storage
High Order Array Methods - forEach, map, filter, reduce, sort
setTimout, setInterval
Arrow Functions
and More!!

Who this course is for:
Anyone that wants to build some fun and easy to intermediate projects

also You can find my other useful:

General
Complete name : 040 Draw Hangman With SVG.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 48.3 MiB
Duration : 11 min 35 s
Overall bit rate : 583 kb/s
Writing application : Lavf58.12.100

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, RefFrames : 4 frames
Format settings, GOP : M=4, N=60
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 11 min 35 s
Bit rate : 446 kb/s
Nominal bit rate : 1 400 kb/s
Width : 854 pixels
Height : 480 pixels
Display aspect ratio : 16:9
Original display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.036
Stream size : 37.0 MiB (77%)
Writing library : x264 core 148
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=15 / lookahead_threads=2 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=60 / keyint_min=6 / scenecut=0 / intra_refresh=0 / rc_lookahead=60 / rc=cbr / mbtree=1 / bitrate=1400 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=1400 / vbv_bufsize=2800 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : mp4a-40-2
Duration : 11 min 35 s
Duration_LastFrame : -1 ms
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 44.1 kHz
Frame rate : 43.066 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 10.6 MiB (22%)
Default : Yes
Alternate group : 1
Screenshots

✅ Exclusive eLearning Videos ← add to bookmarks

Feel free to contact me
when links are dead or want any repost

RapidGator

https://rapidgator.net/file/926eb9e19ba6e2ac36b506c671b48e7f/.20.web.projects.with.vanilla.jаvascript.2.2024.part1.rar
https://rapidgator.net/file/bc8501f4f6b1c7704fd55cb7e133fbe2/.20.web.projects.with.vanilla.jаvascript.2.2024.part2.rar
https://rapidgator.net/file/31f0939e8520ac052fc3b15723818f88/.20.web.projects.with.vanilla.jаvascript.2.2024.part3.rar
https://rapidgator.net/file/c58fd80861499f09bde63c261df3f318/.20.web.projects.with.vanilla.jаvascript.2.2024.part4.rar

NitroFlare

https://nitroflare.com/view/8159FFB02405EFA/.20.web.projects.with.vanilla.jаvascript.2.2024.part1.rar
https://nitroflare.com/view/A30692D03A74450/.20.web.projects.with.vanilla.jаvascript.2.2024.part2.rar
https://nitroflare.com/view/77B3E5850124127/.20.web.projects.with.vanilla.jаvascript.2.2024.part3.rar
https://nitroflare.com/view/C08AAB106AB8350/.20.web.projects.with.vanilla.jаvascript.2.2024.part4.rar

DDownload

https://ddownload.com/s0yd5v82rsqu/.20.web.projects.with.vanilla.jаvascript.2.2024.part1.rar
https://ddownload.com/htwc6usx3erx/.20.web.projects.with.vanilla.jаvascript.2.2024.part2.rar
https://ddownload.com/d649w9mzkk03/.20.web.projects.with.vanilla.jаvascript.2.2024.part3.rar
https://ddownload.com/qw3381drejo4/.20.web.projects.with.vanilla.jаvascript.2.2024.part4.rar

See full article