
41 Day 40 - 3D Background Boxes

131 Creating The Button Boxes.mp4 - 188 MB

131 Creating The Button Boxes.en.srt - 22.3 kB

132 Background Position Rotate Event.en.srt - 14.3 kB

130 Project Intro.en.srt - 2.32 kB

132 Background Position Rotate Event.mp4 - 129 MB

130 Project Intro.mp4 - 26.6 MB

01 Introduction

001 Welcome.en.srt - 1.93 kB

004 Course Projects Code Demos.html - 1.93 kB

003 Project Starter Boilerplate.en.srt - 12.5 kB

002 My Environment Setup.en.srt - 6.79 kB

003 Project Starter Boilerplate.mp4 - 47.1 MB

002 My Environment Setup.mp4 - 27.3 MB

001 Welcome.mp4 - 26.3 MB

51 Day 50 - Insect Catch Game

162 Insect Game Functionality.en.srt - 23.2 kB

160 Game Styling - Part 1.en.srt - 13.9 kB

162 Insect Game Functionality.mp4 - 146 MB

161 Game Styling - Part 2.en.srt - 10.5 kB

159 Project Intro.en.srt - 2.3 kB

160 Game Styling - Part 1.mp4 - 79.7 MB

161 Game Styling - Part 2.mp4 - 56.9 MB

159 Project Intro.mp4 - 6.66 MB

20 Day 19 - Theme Clock

063 Mode Clock Function.en.srt - 21.3 kB

061 Starting The Clock.en.srt - 15.3 kB

060 Project Intro.en.srt - 954 B

062 Finish Clock Styling.en.srt - 6.72 kB

063 Mode Clock Function.mp4 - 125 MB

061 Starting The Clock.mp4 - 67.1 MB

062 Finish Clock Styling.mp4 - 32.7 MB

060 Project Intro.mp4 - 1.52 MB

22 Day 21 - Drag N Drop

069 Drag Drop Events.en.srt - 19 kB

068 Create Drop Boxes.en.srt - 6.85 kB

067 Project Intro.en.srt - 1.51 kB

069 Drag Drop Events.mp4 - 103 MB

068 Create Drop Boxes.mp4 - 33.9 MB

067 Project Intro.mp4 - 4.7 MB

32 Day 31 - Password Generator

100 Generate Password.en.srt - 19 kB

098 Password Generator UI.en.srt - 15.8 kB

099 Random Functions.en.srt - 9.7 kB

101 Copy Password To Clipboard.en.srt - 3.37 kB

100 Generate Password.mp4 - 139 MB

097 Project Intro.en.srt - 1.8 kB

098 Password Generator UI.mp4 - 86.6 MB

099 Random Functions.mp4 - 51.7 MB

101 Copy Password To Clipboard.mp4 - 26.2 MB

097 Project Intro.mp4 - 2.76 MB

02 Day 1 - Expanding Cards

005 Project Intro.en.srt - 1.22 kB

006 Initial Cards.en.srt - 12.5 kB

007 Expanding Effect.en.srt - 9.46 kB

007 Expanding Effect.mp4 - 71.3 MB

006 Initial Cards.mp4 - 69.3 MB

005 Project Intro.mp4 - 13 MB

30 Day 29 - Double Heart Click

094 Show Heart Based On Click Position.en.srt - 18.6 kB

093 HTML CSS.en.srt - 8.59 kB

092 Project Intro.en.srt - 2.3 kB

094 Show Heart Based On Click Position.mp4 - 98.3 MB

093 HTML CSS.mp4 - 48.2 MB

092 Project Intro.mp4 - 5.56 MB

27 Day 26 - Double Vertical Slider

083 Vertical Slider UI.en.srt - 18.3 kB

084 Vertical Slider Function.en.srt - 13.8 kB

082 Project Intro.en.srt - 1.84 kB

084 Vertical Slider Function.mp4 - 115 MB

083 Vertical Slider UI.mp4 - 111 MB

082 Project Intro.mp4 - 15.7 MB

28 Day 27 - Toast Notification

086 Create Toast Notifications.en.srt - 18 kB

085 Project Intro.en.srt - 1.78 kB

086 Create Toast Notifications.mp4 - 90.4 MB

085 Project Intro.mp4 - 2.22 MB

43 Day 42 - Live User Filter

137 Fetch Filter Users.en.srt - 17.7 kB

136 User List UI.en.srt - 14.4 kB

135 Project Intro.en.srt - 1.48 kB

137 Fetch Filter Users.mp4 - 86.1 MB

136 User List UI.mp4 - 75 MB

135 Project Intro.mp4 - 3.21 MB

08 Day 7 - Split Landing Page

022 Split Landing Page HTML CSS.en.srt - 17.7 kB

021 Project Intro.en.srt - 1.69 kB

023 Adding The Hover Effect.en.srt - 9.62 kB

022 Split Landing Page HTML CSS.mp4 - 92.8 MB

023 Adding The Hover Effect.mp4 - 53.9 MB

021 Project Intro.mp4 - 8.82 MB

03 Day 2 - Progress Steps

008 Project Intro.en.srt - 1.59 kB

009 Creating The Steps.en.srt - 16.1 kB

010 Step Functionality.en.srt - 14.6 kB

009 Creating The Steps.mp4 - 79.2 MB

010 Step Functionality.mp4 - 62.6 MB

008 Project Intro.mp4 - 2.02 MB

18 Day 17 - Movie App

054 Movies UI Layout.en.srt - 17.6 kB

055 Fetching Data From The API.en.srt - 14.8 kB

056 Adding Movies To The DOM.en.srt - 11.6 kB

053 Project Intro.en.srt - 2.25 kB

054 Movies UI Layout.mp4 - 124 MB

056 Adding Movies To The DOM.mp4 - 101 MB

055 Fetching Data From The API.mp4 - 93.6 MB

053 Project Intro.mp4 - 25.5 MB

17 Day 16 - Drink Water

050 Create Style The Cups.en.srt - 17.5 kB

052 Update Big Cup.en.srt - 11.5 kB

049 Project Intro.en.srt - 1.5 kB

051 Fill Small Cups.en.srt - 8.85 kB

050 Create Style The Cups.mp4 - 95.8 MB

052 Update Big Cup.mp4 - 60.5 MB

051 Fill Small Cups.mp4 - 45.5 MB

049 Project Intro.mp4 - 2.62 MB

44 Day 43 - Feedback UI Design

140 Select Submit Feedback.en.srt - 17.5 kB

139 Feedback Boxes.en.srt - 13.8 kB

138 Project Intro.en.srt - 2.29 kB

140 Select Submit Feedback.mp4 - 86 MB

139 Feedback Boxes.mp4 - 68.4 MB

138 Project Intro.mp4 - 4.19 MB

42 Day 41 - Verify Account UI

134 Verify Account UI Project.en.srt - 17.2 kB

133 Project Intro.en.srt - 1.7 kB

134 Verify Account UI Project.mp4 - 83 MB

133 Project Intro.mp4 - 2.48 MB

29 Day 28 - Github Profiles

088 Github Profile Card.en.srt - 16.7 kB

089 Fetching Profile Data With Axios.en.srt - 14.8 kB

091 Adding Repos To Card.en.srt - 9.86 kB

090 Dynamic Profile Cards.en.srt - 9.49 kB

087 Project Intro.en.srt - 2.88 kB

088 Github Profile Card.mp4 - 93.2 MB

091 Adding Repos To Card.mp4 - 89.1 MB

089 Fetching Profile Data With Axios.mp4 - 75.3 MB

090 Dynamic Profile Cards.mp4 - 67.4 MB

087 Project Intro.mp4 - 8.37 MB

04 Day 3 - Rotating Navigation

011 Project Intro.en.srt - 1.76 kB

012 Content Circle Styling.en.srt - 15.5 kB

013 Rotate Slide Effect.en.srt - 12.9 kB

013 Rotate Slide Effect.mp4 - 106 MB

012 Content Circle Styling.mp4 - 103 MB

011 Project Intro.mp4 - 14 MB

26 Day 25 - Sticky Navbar

080 Website Content Style.en.srt - 16.5 kB

081 Navbar CSS JS.en.srt - 13.2 kB

079 Project Intro.en.srt - 1.35 kB

080 Website Content Style.mp4 - 118 MB

081 Navbar CSS JS.mp4 - 117 MB

079 Project Intro.mp4 - 11.2 MB

19 Day 18 - Background Slider

058 HTML CSS.en.srt - 16.4 kB

059 Changing Slides.en.srt - 10.9 kB

057 Project Intro.en.srt - 1.28 kB

058 HTML CSS.mp4 - 120 MB

059 Changing Slides.mp4 - 87.3 MB

057 Project Intro.mp4 - 11.2 MB

07 Day 6 - Scroll Animation

020 Scroll Animation.en.srt - 16.3 kB

019 Project Intro.en.srt - 1.82 kB

020 Scroll Animation.mp4 - 81.8 MB

019 Project Intro.mp4 - 5.14 MB

13 Day 12 - FAQ Collapse

037 FAQ Boxes.en.srt - 16.3 kB

036 Project Intro.en.srt - 1.43 kB

038 Toggle Buttons.en.srt - 8.93 kB

037 FAQ Boxes.mp4 - 86.8 MB

038 Toggle Buttons.mp4 - 46.1 MB

036 Project Intro.mp4 - 3.32 MB

05 Day 4 - Hidden Search Widget

014 Project Intro.en.srt - 1.1 kB

015 Hidden Search Widget.en.srt - 10.9 kB

015 Hidden Search Widget.mp4 - 50.5 MB

014 Project Intro.mp4 - 1.57 MB

06 Day 5 - Blurry Loading

016 Project Intro.en.srt - 1.45 kB

018 Load Blur Effect.en.srt - 10.5 kB

017 Background Image Loading Text.en.srt - 5.93 kB

018 Load Blur Effect.mp4 - 79.4 MB

017 Background Image Loading Text.mp4 - 32.8 MB

016 Project Intro.mp4 - 18.1 MB

48 Day 47 - Testimonial Box Switcher

151 Create Box Progress Bar.en.srt - 15.3 kB

152 Testimonial Switch.en.srt - 10.2 kB

150 Project Intro.en.srt - 983 B

151 Create Box Progress Bar.mp4 - 86 MB

152 Testimonial Switch.mp4 - 58.5 MB

150 Project Intro.mp4 - 2.22 MB

11 Day 10 - Dad Jokes

032 Fetching Displaying Jokes.en.srt - 15.1 kB

029 Project Intro.en.srt - 1.94 kB

031 Working With Fetch HTTP RequestsResponses.en.srt - 9.03 kB

030 Jokes HTML CSS.en.srt - 7.74 kB

032 Fetching Displaying Jokes.mp4 - 63.9 MB

031 Working With Fetch HTTP RequestsResponses.mp4 - 39.8 MB

030 Jokes HTML CSS.mp4 - 36.2 MB

029 Project Intro.mp4 - 5.45 MB

45 Day 44 - Custom Range Slider

142 Styling The Range.en.srt - 14.5 kB

143 Label Value Movement.en.srt - 13.3 kB

141 Project Intro.en.srt - 1.67 kB

142 Styling The Range.mp4 - 79.6 MB

143 Label Value Movement.mp4 - 78.9 MB

141 Project Intro.mp4 - 3.24 MB

36 Day 35 - Image Carousel

116 Carousel Functionality.en.srt - 14.4 kB

115 Carousel UI.en.srt - 9.9 kB

114 Project Intro.en.srt - 965 B

116 Carousel Functionality.mp4 - 104 MB

115 Carousel UI.mp4 - 58.3 MB

114 Project Intro.mp4 - 8.88 MB

38 Day 37 - Pokedex

121 Pokedex UI Styling.en.srt - 14.1 kB

123 Creating The Pokemon Cards.en.srt - 12.6 kB

122 Fetching Pokemon Data.en.srt - 6.85 kB

120 Project Intro.en.srt - 1.75 kB

123 Creating The Pokemon Cards.mp4 - 99.2 MB

121 Pokedex UI Styling.mp4 - 84.4 MB

122 Fetching Pokemon Data.mp4 - 34.3 MB

120 Project Intro.mp4 - 12.4 MB

46 Day 45 - Netflix Navigation

146 Netflix Nav - Part 2.en.srt - 14.1 kB

145 Netflix Nav - Part 1.en.srt - 11.7 kB

144 Project Intro.en.srt - 1.84 kB

146 Netflix Nav - Part 2.mp4 - 60.2 MB

145 Netflix Nav - Part 1.mp4 - 53.5 MB

144 Project Intro.mp4 - 4.12 MB

47 Day 46 - Quiz App

149 Quiz Functionality.en.srt - 14 kB

148 Quiz UI.en.srt - 10 kB

147 Project Intro.en.srt - 1.64 kB

149 Quiz Functionality.mp4 - 81.5 MB

148 Quiz UI.mp4 - 60.8 MB

147 Project Intro.mp4 - 3.39 MB

09 Day 8 - Form Wave Animation

024 Project Intro.en.srt - 1.11 kB

026 Adding The Wave Effect.en.srt - 12.2 kB

025 Styling The Form.en.srt - 11 kB

025 Styling The Form.mp4 - 55.1 MB

026 Adding The Wave Effect.mp4 - 54.5 MB

024 Project Intro.mp4 - 1.72 MB

35 Day 34 - Animated Countdown

113 Dynamic Animation With JS.en.srt - 13.7 kB

111 Counter Final Sections.en.srt - 12.2 kB

112 In Out Animations.en.srt - 10.3 kB

110 Project Intro.en.srt - 1.96 kB

113 Dynamic Animation With JS.mp4 - 67.1 MB

111 Counter Final Sections.mp4 - 48.9 MB

112 In Out Animations.mp4 - 45.1 MB

110 Project Intro.mp4 - 2.61 MB

15 Day 14 - Animated Navigation

044 Nav Styling.en.srt - 13.6 kB

043 Project Intro.en.srt - 1.57 kB

045 Icon Styling Active Toggle.en.srt - 9.09 kB

044 Nav Styling.mp4 - 61.4 MB

045 Icon Styling Active Toggle.mp4 - 36.9 MB

043 Project Intro.mp4 - 2.3 MB

10 Day 9 - Sound Board

027 Project Intro.en.srt - 1.6 kB

028 Sound Board Project.en.srt - 12 kB

028 Sound Board Project.mp4 - 56.7 MB

027 Project Intro.mp4 - 6.9 MB

34 Day 33 - Notes App

109 Save Notes To Local Storage.en.srt - 13 kB

108 Adding Notes To The DOM.en.srt - 12.5 kB

107 Notes HTML CSS.en.srt - 11.9 kB

106 Project Intro.en.srt - 2.66 kB

109 Save Notes To Local Storage.mp4 - 65.6 MB

108 Adding Notes To The DOM.mp4 - 63.6 MB

107 Notes HTML CSS.mp4 - 62.1 MB

106 Project Intro.mp4 - 3.22 MB

31 Day 30 - Auto Text Effect

096 Auto Text Effect.en.srt - 12.6 kB

095 Project Intro.en.srt - 1.53 kB

096 Auto Text Effect.mp4 - 50.8 MB

095 Project Intro.mp4 - 2.35 MB

39 Day 38 - Mobile Tab Navigation

125 Create Style UI.en.srt - 12.4 kB

126 Navigation Effect.en.srt - 5.69 kB

124 Project Intro.en.srt - 1.15 kB

125 Create Style UI.mp4 - 93.2 MB

126 Navigation Effect.mp4 - 40 MB

124 Project Intro.mp4 - 5.06 MB

12 Day 11 - Event KeyCodes

033 Project Intro.en.srt - 2.32 kB

034 Key Boxes HTML CSS.en.srt - 7.91 kB

035 Display Key Codes.en.srt - 7.82 kB

034 Key Boxes HTML CSS.mp4 - 35.1 MB

035 Display Key Codes.mp4 - 31.3 MB

033 Project Intro.mp4 - 8.34 MB

49 Day 48 - Random Image Feed

154 Random Image Feed Project.en.srt - 12.2 kB

153 Project Intro.en.srt - 1.59 kB

154 Random Image Feed Project.mp4 - 82.7 MB

153 Project Intro.mp4 - 13.5 MB

40 Day 39 - Password Strength Background

128 Creating The Form Background.en.srt - 11.9 kB

129 Change Blur On Input.en.srt - 6.03 kB

127 Project Intro.en.srt - 2.05 kB

128 Creating The Form Background.mp4 - 61.2 MB

129 Change Blur On Input.mp4 - 31.9 MB

127 Project Intro.mp4 - 12.2 MB

21 Day 20 - Button Ripple Effect

066 Button Click Effect.en.srt - 11.5 kB

065 Button Style Animation.en.srt - 8.12 kB

064 Project Intro.en.srt - 1.05 kB

066 Button Click Effect.mp4 - 47.4 MB

065 Button Style Animation.mp4 - 38.8 MB

064 Project Intro.mp4 - 1.31 MB

37 Day 36 - Hoverboard

119 Hoverboard Effect.en.srt - 11.1 kB

118 Styling The Board Squares.en.srt - 6.02 kB

117 Project Intro.en.srt - 1.5 kB

119 Hoverboard Effect.mp4 - 56.5 MB

118 Styling The Board Squares.mp4 - 29.6 MB

117 Project Intro.mp4 - 4.32 MB

14 Day 13 - Random Choice Picker

039 Project Intro.en.srt - 1.3 kB

042 Select Random Tag.en.srt - 9.1 kB

041 Create Tags.en.srt - 7.85 kB

040 Choice Picker UI.en.srt - 6.77 kB

042 Select Random Tag.mp4 - 51.5 MB

040 Choice Picker UI.mp4 - 38.9 MB

041 Create Tags.mp4 - 32.8 MB

039 Project Intro.mp4 - 2.14 MB

50 Day 49 - Todo List

158 Saving Todos to Local Storage.en.srt - 11.1 kB

156 Todo List UI.en.srt - 10 kB

157 Add Remove Mark Complete.en.srt - 8.09 kB

155 Project Intro.en.srt - 1.49 kB

158 Saving Todos to Local Storage.mp4 - 53.9 MB

156 Todo List UI.mp4 - 51.9 MB

157 Add Remove Mark Complete.mp4 - 35.7 MB

155 Project Intro.mp4 - 2.2 MB

16 Day 15 - Incrementing Counter

046 Project Intro.en.srt - 1.12 kB

048 Create Display Increment.en.srt - 9.38 kB

047 Counters HTML CSS.en.srt - 6.31 kB

048 Create Display Increment.mp4 - 42.8 MB

047 Counters HTML CSS.mp4 - 32.2 MB

046 Project Intro.mp4 - 3.95 MB

33 Day 32 - Good Cheap Fast Checkboxes

103 Style Checkboxes.en.srt - 9.95 kB

105 JavaScript Logic.en.srt - 5.75 kB

104 Check Ball Animation.en.srt - 5.05 kB

102 Project Intro.en.srt - 1.5 kB

103 Style Checkboxes.mp4 - 45.1 MB

105 JavaScript Logic.mp4 - 29.9 MB

104 Check Ball Animation.mp4 - 23.9 MB

102 Project Intro.mp4 - 2.19 MB

24 Day 23 - Kinetic CSS Loader

075 Kinetic CSS Loader.en.srt - 9.61 kB

074 Project Intro.en.srt - 718 B

075 Kinetic CSS Loader.mp4 - 37.8 MB

074 Project Intro.mp4 - 1.4 MB

23 Day 22 - Drawing App

072 Canvas Shapes.en.srt - 9.54 kB

073 Mouse Events Drawing.en.srt - 8.64 kB

071 Drawing Pad UI.en.srt - 8.64 kB

070 Project Intro.en.srt - 1.96 kB

073 Mouse Events Drawing.mp4 - 41.9 MB

072 Canvas Shapes.mp4 - 39.8 MB

071 Drawing Pad UI.mp4 - 36.1 MB

070 Project Intro.mp4 - 3.41 MB

25 Day 24 - Content Placeholder

077 Card HTML.en.srt - 6.79 kB

078 Card CSS.en.srt - 5.92 kB

076 Project Intro.en.srt - 1.51 kB

077 Card HTML.mp4 - 36.7 MB

078 Card CSS.mp4 - 31.2 MB

076 Project Intro.mp4 - 2.74 MB