Activity

traversy 2022 guide

class and module support
ES6 features
more robust and definitive, less prone to errors
——–
styling and design!
——-
styled components
UI kits:
react
material UI, Onsen UI react bootstrap, chakra UI

vue
vuetify is the best, buefy, vue material, bootstrap vue

testing!!!
———
unit testing, testing blocks of code (functions, modules, classes) individually and separate from full app
integration testing – modules are combined and tested together
E2E testing, end to end, Emulating a user experience

JS testing tools: jest, cypress, puppeteer
———

server side rendering
next.js – react based, data fetching methods, seo, image optimization, search engines can crawl everything
add file to folder and dont have to create routes, it just works
nuxt.js – vue based, data fetching, auto transpile and bundling
remix – react based, loaders and actions, most control over http req res
——–
static site generators
gatsby – react based, graphql data layer, image opt, code splitting etc
next.js react
gridsome – vue based, pwa ready, seo opt
create pages that are react components, just with extra capabilities

—–

content management systems
strapi – node self hosted
full backend management system. spits out json api, can use whatever you want
auth built in
auth zero” auth tool.
takes away a lot of the work with back end

sanity.io
graphCMS
contentful

=——-

jamstack -= architectural approace to building sites.

skill checklist!

local and global state, context api react redux vue etc
http and rest

typescript
SSR and jamstack
write unit integration and e2e tests
toolio?

express, nest js, koa, fastify

———
databases
postgres
mysql
sqlite
mongodb
have to learn sql
firebase backend!!! they have nosql, auth, file storage, etc

————
learn REST architectural style
representational state transfer
specify url endpoints
get api/todos
post api/todos
put api/todos/100
delete “”

graphQL
————–
create server, interact with it
request specific data points
less maintenance than rest
apollo is a popular client
————-
Auth!!!
auth is the process of identifying an indvidual and authorization pertains to the users specific permissions

JWT
cookies and session data (localstorage) ** learn about cookies and compare
Oauth
auth libraries (passport, grant)
password hashing(bcrypt)
protected endpoints and routes **learn
———-

wordpress lol
can be used as headless CMS
can build frontend with whatever SPA
———
deploying front end
heroku, aws, digitalocean “droplets”, linux servers, linux terminal

containers and virtualization, dev-ops
————-
kubernetes — use together with docker often –

docker – uses OS level vitualization. isolated from each other. runs as its own process
container has same software and same versions –
———–
apache and nginx server software
———-
Image and video
cloudinary – uploader and api to interact with content
S3 object storage thru web interface
———

BACKEND SKILLS!
———–
set up and manage ORM / ODM
create rest apis and implement auth
comfortable with terminal and unix commands
know how to deploy projects and work with remote servers
———–
mobile dev!
react native
Ionic (use any framework) hybrid framework, great for PWAs
———-
Web3 – decentralization of control, dapps that run on blockchain
———–
Blockchain – decentralized public ledger
Ethereum and Smart Contracts – learn how to create eth smart contracts – learning solidity language.
Solidity Programming – high level language, easy to learn if you know js
NFTs
———

web assembly – low level assembly like language
rust is fast language
develop performance web apps
assemblyscript, typescript variant
does not replace JS, work along side js
———-
AI
———
Machine learning
programming tools (github copilot)
testing tools
Maachine learning APIs () translate, poly etc.
chatbots, spam filters, suggestions etc
heavily used in user engagement and analytics