Su	Mo	Tu	We	Th	Fr	Sa
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31	1	2	3	4

50 Projects In 50 Days - HTML, CSS & JavaScript (12/2020)

Posted By: ParRus

Date: 1 Jan 2021 18:49:02

Sharpen your skills by building 50 quick, unique & fun mini projects

What you'll learn
Project based teaching to sharpen your HTML, CSS & JavaScript skills
Perfect for beginners looking for things to build unique projects in a short timeframe
Modern styling with flexbox, CSS animations, custom properties, etc
DOM manipulation, events, array methods, HTTP requests & more

Requirements
A very basic understanding of HTML, CSS & JavaScript

Description
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 Cards

Progress Steps

Rotating Navigation Animation

Hidden Search Widget

Blurry Loading

Scroll Animation

Split Landing Page

Form Wave

Sound Board

Dad Jokes

Event Keycodes

Faq Collapse

Random Choice Picker

Animated Navigation

Incrementing Counter

Drink Water

Movie App

Background Slider

Theme Clock

Button Ripple Effect

Drag N Drop

Drawing App

Kinetic Loader

Content Placeholder

Sticky Navbar

Double Vertical Slider

Toast Notification

Github Profiles

Double Click Heart

Auto Text Effect

Password Generator

Good Cheap Fast

Notes App

Animated Countdown

Image Carousel

Hoverboard

Pokedex

Mobile Tab Navigation

Password Strength Background

3d Background Boxes

Verify Account UI

Live User Filter

Feedback UI Design

Custom Range Slider

Netflix Mobile Navigation

Quiz App

Testimonial Box Switcher

Random Image Feed

Todo List

Insect Catch Game

You can find course code here _https://github.com/bradtraversy/50projects50days

Who this course is for:
Beginner and intermediate web developers that want to build fun, unique projects with HTML, CSS & JavaScript

also You can find my other helpful Programming-posts
(if old file-links don't show activity, try copy-paste them to the address bar)

MediaInfo:

General
Complete name : 018 Load Blur Effect.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 75.7 MiB
Duration : 7 min 41 s
Overall bit rate : 1 377 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 : 7 min 41 s
Bit rate : 1 241 kb/s
Nominal bit rate : 3 000 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.045
Stream size : 68.2 MiB (90%)
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=3000 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=3000 / vbv_bufsize=6000 / 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 : 7 min 41 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 : 7.04 MiB (9%)
Default : Yes
Alternate group : 1

Screenshots