Skip to main content

Frontend Web Developer Guide

HTML/CSS

It's too basic so I will skip the explanation (It doesn't mean you can skip it. its fundamental) 


JavaScript/ TypeScript 

Very very very important! You have to put a lot of time on it.

Go with the complete JS course by Jonas.




React / NextJS



Coding interview 

Do a lot of data structure and algorithms practice 


One question i have in my mind is that "Can you make UI components in Vanilla JS and React JS". Try to make as much as you can by referring johnsmilga website projects. 


Portfolio 

Many minimum 3 Projects 




useful links 

https://www.johnsmilga.com/




Keep tracking with this

Comments

Post a Comment

Popular posts from this blog

[BAEKJOON Online Judge + Node.js] 2292: Honeycomb

  I did't use while loop that much so didn't come up what to do. While loop create a loop that execute a specific statement. So, the main point of this problem is "prevNum + max * 6" input = 13, output = 3 https://www.acmicpc.net/problem/2292 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while const input = require ( "fs" ). readFileSync ( "/dev/stdin" ). toString () ; let count = 1 ; let max = 1 ; // set the range while (max < input) { max += count * 6 ; count ++ ; } console . log (count) ; // prevNum + count * 6 // 1 so +6 every loop! // 2 - 7, 5 // 8 - 19, 11 // 20 - 37, 17 // 38 - 61, 23
Post a Comment
Read more

FE WebDev Routine Training Feb 09, 2021

 FE WebDev Routine Training Feb 09, 2021  A lot of things to do. DO FUCKING FOCUS!!!  Coding test - codewar 1 Kakao 2021 No.1 CSS - grid/ SCSS and Cloning(besthorrorscenes.com) JS - for of loop/  Sec9/ DOM array methods toy project React -   A bit of Yelp Portfolio -  List the 100JS projects Job hunting -  NAVER Finance(on 10th) Karrot for  internship  Apply SW maestro
Post a Comment
Read more

The Complete React Guide by Max - Section 12: Adding Routing to our Burger Project

 220. Module Introduction - just intro 221. Building the checkout container  just create Checkout/checkoutSummary JS files  222. Setting up Routing & Routes < Switch > < Route path = "/checkout" component = { Checkout } /> < Route path = "/" exact component = { BurgerBuilder } /> </ Switch > order is matter and use <Switch> shows only route 223. Navigating to the checkout page  this . props . history . push ( "/checkout" ); yarn add react-router-app and cover {BrowserRouter} in index.js and then work on purchaseContinueHandler(that push('/checkout')) 224. Navigating back & to next page checkoutCancelled = () => { this . props . history . goBack (); }; checkoutContinued = () => { this . props . history . replace ( "/checkout/contact-data" ); }; pass props on each buttons with those 2 functions  225. Passing Ingredients...
Post a Comment
Read more