Suivi de mon cours web developpment

Section 1 - introduction

001 why this course

002 course overview

003 join our online classroom

004 meet the community

005 join our open source projects

006 student generated top resources

007 optional: the article which inspire this course

Section 2 - how the internet works

008 browsing the web

009 breaking google

010 exercise: break google yourself

011 the internet backbone

012 traceroute

013 exercise: running traceroute command yoursefl

014 developer funddamentals: 1

015 what does a developer do?

Section 3 - history of the web

016 www vs internet

017 html, css, javascript

018 developer fundamentals: 2

019 developer history

020 exercise: adding css and javascript to tim's website

021 optional resource: more about the history of the web

!!!! Section 4 - html 5

022 build your first website

023 resources: your text editor

024 developer fundamentals: 3

025 quick note about w3schools

026 html tags

027 html tags 2

028 self closing html tags

029 anchor tag

030 q&a: index.html !!!

031 q&a: relative vs absolute path

!!!! Section 5 - advanced html 5

032 html forms

033 htmls forms 2

034 submitting a form

035 html tags 3

036 html vs html 5

037 copy a website

038 html challenge

039 html lesson files

040 exercise: html quiz

!!!! Section 6 - css

041 exercise files: code-along

042 your first css

043 css properties

044 css selectors

045 text and font

046 images in css

047 box model

048 px vs em vs rem

049 exercise: css quiz

Section 7 - advanced css

050 critical render path

051 exercise file: code-along images

052 flexbox

053 optional exercise: flexbox froggy

054 css 3

055 optional exercise: mastering transiotions and transforms

056 responsive ui

057 image gallery files

!!!! 058 exercise: robot animation

059 exercise: robot animation starter files

060 solution: robot animation

Section 8 - bootstrap 4, templates and building your startup landing page

061 bootstrap introduction

062 bootstrap 4

063 bootstrap 4 grid

064 exercise: startup landing page

065 solution: startup landing page

066 exercise: adding email subscribe form with mailchimp

067 exercise: finishing up the landing page

068 exercise: putting your website online

069 note: putting your website online

070 note: subscribe button is off?

071 developer fundamentals: 4

072 resources for free templates

073 a quick note on css

Section 9 - career of a web developer

074 carreer of a web developer

075 new: developer fundamentals: 4

076 note: updated community to discord

Section 10 - javascript

077 introduction to javascript

078 what is javascript?

079 your firsta javascript

080 exercise: number, string, boolean, comparisons

081 variables

082 exercise: variables

083 exercise: make a calculator

084 control flow

085 exercise: make a keyless car

086 javascript on our webpage

087 functions

088 exercise: make a keyless car even better

089 data structures: arrays

090 exercise: arrays

091 data structures: objects

092 exercise: objects and arrays for facebook app

093 exercise: build facebook

094 javascript terminology

095 loops

096 exercise: build facebook 2

097 javascript keywords

098 section outline document

Section 11 - dom manipulation

099 document object model

100 dom selectors

101 exercise: dom selectors

102 dom events

103 exercise: dom events

104 solution: dom events

105 exercise: background generator

106 backgound generator files

107 jquery

108 developer fundamentals: 5

Section 12 - advanced javascript

109 scope

110 exercise: scope

111 advanced control flow

112 exercise: advanced control flow

113 es5 and es6

114 exercise: es5 and es6

115 advanced functions

116 exercise: advanced functions

117 advanced arrays

118 exercise: advanced arrays

119 advanced objects

120 exercise: advanced objects

121 new: es7

122 exercise: es7

123 new: es8

124 exercise: es8

125 note: es8 - async await

126 debugging

127 new: how javascript works

128 modules

129 extra resource: modules

130 extra javascript practice

Section 13 - command line

131 using the terminal

132 exercise: practice using the terminal

Section 14 - developer environment

133 sublime text 3

134 resources: customizing sublime text 3

135 terminal

136 resources: customizing terminal

Section 15 - git + gihub + open source projects

137 installing git

138 git + github part 1

139 git + github part 2

140 my teminal setup

141 contributing to open source

142 keeping your fork up to date

143 exercise: contributing to our open source

144 portfolio webiste for recruiters

Section 16 - a day in the life of a developer

145 a typical day

Section 17 - npm + npm scripts

146 introduction to npm

147 setting up npm and package.json

148 troubleshoot: installing npm and node.js

149 installing and using packages

Section 18 - react.js + redux

150 introduction to react.js

151 creat-react-app

152 your first react component

153 builing a react app 1

154 builing a react app 2

155 builing a react app 3

156 styling your react app

157 builing a react app 4

158 builing a react app 5

159 builing a react app 6

160 project files

161 react review

162 quick note about redux

163 error boundary in react

164 state maangement

165 why redux?

166 installing redux

167 redux actions and reducers

168 redux store and provider

169 redux connect()

170 redux middleware

171 reduy async actions

172 redux project structures

173 popular tool for react + redux

174 project files - redux

Section 19 - http/json/ajax + asynchronous javascript

175 http/https

176 json

177 json vs form datga

178 ajax

179 new: promises

180 exercise: promises

181 new: es8 async await

182 exercise: es8 async await

Section 20 - backend basics

183 backend basics

Section 21 - api

184 introduction to apis

185 exercise: web app using star wars api

Section 22 - final project: smartbrain front-end

186 what we are building

187 building our components

188 note: updated clarifai api: face_detect_model

189 image recognition api

190 optional: advanced setstate()

191 face detection box

192 sign in form and routing

193 project files: github

Section 23 - node.js + express.js

194 introduction to node.js

195 running script.js in node

196 modules in node

197 types of modules

198 building a server

199 introduction to express.js

200 express middleware

201 postman

202 restful apis

203 node file system module

204 exercise: santa's node helper

205 exercise resources: santa's node helper

206 solution: santa's node helper

Section 24 - final project: smartbrain back-end -- server

207 setting up our server

208 /signin and /register

209 /profile/:id and /image

210 storing user passwords

211 resource: storing user passwords securely

212 connecting to our front-end

213 resource: cors

214 registering users

215 note: code change from last video

216 user profile update

217 project files: github

Section 25 - databases

218 introduction to databases

219 installing postgresql

220 resources: installing postgresql

221 sql: create table

222 sql: insert into + select

223 sql: alter table + update

224 sql: conditional selections

225 sql: functions

226 joining tables part 1

227 joining tables part 2

228 sql: delete from + drop table

229 exercises: sql commands

Section 26 - final project: smartbrain back-end -- database

230 setting up your database

231 connecting to the database

232 registering a user part 1

233 registering a user part 2

234 getting user profiles

235 updating entries

236 sign in

237 putting it all together

238 what's next?

Section 27 - production + deployment

239 code review

240 security review

241 environmental variables

242 deploying on heroku

243 deploying to heroku part 2

244 deploying to heroku part 3

245 deploying to heroku part 4

246 project files: github

Section 28 - where to go from here?

247 resource: interviewing

248 my advice on interviewing

249 my advice on getting hired

250 my advice on resume/portfolio/linkedin

251 my advice on being a junior developer

252 my advice on how to become a senior developer

253 thank you

Section 29 - bonus: ama + developer morning routine

254 ask me anything 1

255 a developer's morning routine