notes.md

Online IDE

gitpod.io

CSS Master

https://piccalil.li/

Vanilla JS

Vanila JS Toolkit

Valilla JS projects: https://vanillawebprojects.com/about.html

https://www.javascripttutorial.net/snippets/

CSS Advanced

Typograpy and responsive design: https://www.internetingishard.com/html-and-css/

https://learn.shayhowe.com/

Have a look at CSS Chalanges https://css-challenges.com/

Deployment

Netlify (Frontend Deploy)

Heroku (Backend Deploy)

1 Year Free Hosting: https://www.youtube.com/redirect?redir_token=MCYFOpP3u4og3TfL4sFu9HjmdN58MTU4OTQ0Nzc4OEAxNTg5MzYxMzg4&v=wTrcabKENrY&q=https%3A%2F%2Fwww.atlantic.net%2Fwebdevsimplified&event=video_description

Use code KYLE for an additional $50

Node.js npm libs

1. date-fns - https://date-fns.org/

2. dotenv - https://www.npmjs.com/package/dotenv

3. socket.io - https://socket.io/

   Socket.io Chat App Tutorial: https://youtu.be/rxzOqP9YwmM

4. uuid - https://www.npmjs.com/package/uuid

5. axios - https://github.com/axios/axios

6. classnames - https://jedwatson.github.io/classnames/

Creating a project

1. Determine the goal of the project
2. Determine the target audience of the project
3. Figure out the core feature/component of the project
4. Think about the technology needed for the project
5. Design the UI/UX of the project with design tools
6. Build a quick and dirty MVP of the core feature/component of the project
7. Get the project in front of users
8. Iterate!

###

Normal vs Async vs Defer script loading mode

Image Compression

https://tinypng.com/

Encoding

UTF-8: https://www.youtube.com/watch?v=sqPTR_v4qFA

UNICODE: https://dmitripavlutin.com/what-every-javascript-developer-should-know-about-unicode/

Tree Shaking