Uploaded by banyarnaingcodes

Web Development In 2020

advertisement
Gatsby.js
Precompilers: SASS / PostCSS / LESS / Stylus
JAMStack (burn your wordpress/drupal apps to the ground!)
Jekyll
CSS Tools & Skills
Next.js
You might not need a framework anymore! Grid and Flexbox are awesome
Bootstrap
CSS Frameworks
Materialize
Bulma
Tailwind
Fragments
Software Developer
React/Vue Developer
CSS Organization
Atomic (design)
Concurrent Mode
SMACSS
Web Developer
Frontend Developer
Portals
NPM Scripts
Frond End Build Tools
Newer/Advanced React Topics
Hooks
Webpack
Frontend Engineer
Job Titles
Async Act
BEM
Suspense
Parcel
Javascript Engineer
React.js
React Router or React Router (navigation, etc)
Create React App or Parcel (starting up apps)
Apollo for GraphQL
Front End
Frameworks/Tools
Next.js (Server-Side Rendered Apps)
React storybook (testing/documenting framework)
CSS - Emotion / Styled-Components
Vue
Nuxt (Next.js for Vue)
Vuex (Redux-ish for Vue)
Javascript Frameworks
Basic Front End
HTML
Basic Terminal Usage
CSS
No Matter Which Route You Take
Basic SSH
MobX
The basics
Responsive Layouts & Grids (grid and flexbox) - these days try to
use as few media queries as possible!
Redux
State Management
Content & Components
Navigation, mobile nav
Fun ways to display content
Github Basics
Jest
Responsive Images
Learn How Client & Server Talk To Each Other
Code Basics
Mocha
CSS Animation
Karma (run Jest or Mocha in browsers)
Querying, Selecting, working with DOM
RESTful Web Services / GET POST PUT DELETE
requests
Javascript Fundamentals
Documentation, Unit / E2E Testing
Closures, Scope, Context & First-Class Functions
Enzyme (react)
Modular Javascript
Domain name and DNS basics
MobX State Tree
Cypress.io E2E Testing
XHR (AJAX) with Fetch
Storybook - documentation, component development
Typescript
Functional Programming (rx.js, immutable.js, ramda)
Web Development In 2020
JS Skills
PWA (progressive web apps)
Performance and optimization
AMP (Google's preferred mobile content format)
Where should I host my websites?
New/First-timer?: Setup webhost and domain
(I absolutely recommend hostgator Use Code DROP25PERC,
DROP10BUCKS, LETSMAKEADEAL)
Backend Developer / Engineer
Confident with command line and GitHub?: Netlify (JAMStack)
Software Developer/Engineer/Architect
Building Apps & Services?: DigitalOcean / AWS
Node.js/Python/Ruby/PHP/.NET/... Developer/Engineer
Fullstack Engineer / Developer
Platform Engineer/Architect
Job Titles
DBA (database administrator...Databases are your passion)
Scripting Languages
Node.js ( express ^, hapi^) - learn this first
I have a Node.js Course!
Backend
Operational Visibility
Python (django, flask^) - good for data science
Monitoring (NewRelic, DataDog, Sentry, CloudWatch)
Ruby (Ruby on Rails, Sinatra^)
Logging (Elk Stack, Sematext)
PHP (Laravel, Lumen^)
Go (a.k.a. GoLang)
Digital Ocean (simpler infrastructure)
High-Performance Languages
AWS
Azure
Rust
Infrastructure Platforms
Clojure
Google Cloud
Functional Languages
Docker
Haskell
Scala
Terraform
Elixir
Dev Ops
Ansible
Salt
Puppet
Chef
Java
Server Management (configuration management or CM)
Notable Others
C# / .NET
AWS Lambda + Serverless
Github Actions
Hosted solutions
CircleCI
Codeship
Jenkins
DroneCI (Docker native YAY)
Relational Databases: PostgreSQL, MySQL
CI Pipelines
Caching: Redis, Cassandra
Internal solutions
Document Databases: MongoDB, Couchbase, RethinkDB
GitLab
Data
Search Engine: ElasticSearch, Solr
Graph Databases: ArangoDB, Neo4j, OrientDB
Small Scale: Just run containers on DigitalOcean Docker servers
Message Brokers (RabbitMQ, ZeroMQ, Kafka)
Docker
Medium Scale: Rancher, AWS Fargate
Big Scale: Kubernetes
Package Management
Unit/Functional Testing
Things to Learn for your Language/Framework
RESTful API, GraphQL API
Security Best Practices
Authentication/Authorization: OAUTH2 / JWT
Deploying your app (package with Docker, run on a server with
Docker installed)
Websockets
ORM / Data Management
Download