20 Web Projects With Vanilla JavaScript
Год выпуска: 2/2024
Производитель: Udemy, Brad Traversy
Сайт производителя:
https://www.udemy.com/course/web-projects-with-vanilla-javascript/
Автор: Brad Traversy
Продолжительность: 16h 7m 48s
Тип раздаваемого материала: Видеоурок
Язык: Английский
Субтитры: Английский
Описание:
What you'll learn
- Build 20 Frontend Projects From Scratch
- No JS or CSS Frameworks
- Modern JavaScript (ES6+) - Arrows, Fetch, Promises, etc
- DOM Manipulation & Events
- Animations With CSS & JavaScript
- Fetch & JSON With 3rd Party API's
- HTML5 Canvas, Speech API, Audio & Video
- Beginner Friendly
Requirements
- Basic knowledge in HTML, CSS & JavaScript
Description
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 & JavaScript 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)
- JavaScript Fundamentals
- DOM Selection & Manipulation
- JavaScript 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
Формат видео: MP4
Видео: avc, 1280x720, 16:9, 30.000 к/с, 408 кб/с
Аудио: aac lc sbr, 44.1 кгц, 62.8 кб/с, 2 аудио
Изменения/Changes
Version 2024/2 has decreased by 1 minute compared to 2020/1.
MediaInfo
General
Complete name : D:\2\Udemy - 20 Web Projects With Vanilla JavaScript (2.2024)\03 - 2 Movie Seat Booking DOM & Local Storage\005 Save Data To Local Storage.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 43.5 MiB
Duration : 12 min 44 s
Overall bit rate : 477 kb/s
Frame rate : 30.000 FPS
Movie name : 005 Save Data To Local Storage
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, Reference frames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 12 min 43 s
Bit rate : 408 kb/s
Nominal bit rate : 600 kb/s
Width : 1 280 pixels
Height : 720 pixels
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.015
Stream size : 37.2 MiB (85%)
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=22 / lookahead_threads=3 / 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=600 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=600 / vbv_bufsize=1200 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Codec configuration box : avcC
Audio
ID : 2
Format : AAC LC SBR
Format/Info : Advanced Audio Codec Low Complexity with Spectral Band Replication
Commercial name : HE-AAC
Format settings : Explicit
Codec ID : mp4a-40-2
Duration : 12 min 44 s
Bit rate mode : Constant
Bit rate : 62.8 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 44.1 kHz
Frame rate : 21.533 FPS (2048 SPF)
Compression mode : Lossy
Stream size : 5.72 MiB (13%)
Default : Yes
Alternate group : 1
