AlexMelvin
5/12/2020 - 4:25 PM

Web Development 2021

notes.md
content_copyfile_download
  • Rendered
  • Source

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