Please enable JavaScript.
Coggle requires JavaScript to display documents.
Desenvolvimento Web em 2020 - Coggle Diagram
Desenvolvimento Web em 2020
Front End Básico
Front End
Job Titles
Web Developer
React/Vue Developer
Javascript Engineer
Software Developer
Frontend Engineer
Frontend Developer
Documentation, Unit / E2E Testing
Jest
Cypress.io E2E Testing
Mocha
Enzyme (react)
Karma (run Jest or Mocha in browsers)
Storybook - documentation, component development
Frameworks Javascript
React.js
React Avançado
Concurrent Mode
Portals
Hooks
Suspense
Async Act
Fragments
Frameworks/Tools
React Router or React Router (navigation, etc)
Create React App or Parcel (starting up apps)
Apollo for GraphQL
Next.js (Server-Side Rendered Apps)
CSS - Emotion / Styled-Components
React storybook (testing/documenting framework)
Vue
Nuxt (Next.js for Vue)
Vuex (Redux-ish for Vue)
State Management
MobX
MobX State Tree
Redux
Otimização e Performance
PWA (progressive web apps)
AMP (Google's preferred mobile content format)
Ferramentas CSS
Frameworks CSS
Bulma
Tailwind
Bootstrap
Materialize
Grid and Flexbox podem ser bons substitutos aos frameworks
Organização CSS
SMACSS
Atomic (design)
BEM
Precompiladores: SASS / PostCSS / LESS / Stylus
JS Skills
Functional Programming (rx.js, immutable.js, ramda)
Typescript
Frond End Build Tools
NPM Scripts
Parcel
Webpack
ContentManagers
JAMStack
Gatsby.js
Next.js
Jekyll
Worpress/Drupal
Mobile
ReactNative
Ionic
Flutter
Javascript Fundamentals
Elementos Básicos
Javascript Modular
XHR (AJAX) com Fetch
Closures, Scope, Context & First-Class Functions
Manipulação do DOM
HTML
Como hospedar meu site?
Para iniciantes:
Configurar webhost e domain
Intermediários: Netlify (JAMStack)
Infraestrutura Avançada: DigitalOcean / AWS / Google Cloud
CSS
Elementos Básicos
Content & Components
Navegação
Imagens Responsivas
Animações CSS
Disposição de Conteúdo
Layouts Responsivos & Grids
(grid and flexbox)
Backend
Job Titles
Fullstack Engineer / Developer
Software Developer/Engineer/Architect
DBA (database administrator...Databases are your passion)
Platform Engineer/Architect
Node.js/Python/Ruby/PHP/.NET/... Developer/Engineer
Backend Developer / Engineer
Notable Others
AWS Lambda + Serverless
Java
C# / .NET
Functional Languages
Scala
Elixir
Clojure
Haskell
Data
Message Brokers (RabbitMQ, ZeroMQ, Kafka)
Document Databases: MongoDB, Couchbase, RethinkDB
Search Engine: ElasticSearch, Solr
Relational Databases: PostgreSQL, MySQL
Caching: Redis, Cassandra
Graph Databases:
ArangoDB
, Neo4j, OrientDB
Things to Learn for your Language/Framework
Websockets
RESTful API, GraphQL API
ORM / Data Management
Unit/Functional Testing
Authentication/Authorization: OAUTH2 / JWT
Security Best Practices
Deploying your app (package with Docker, run on a server with Docker installed)
Package Management
Scripting Languages
PHP (Laravel, Lumen^)
Node.js
(
express
^, hapi^) - learn this first
I have a Node.js Course!
Ruby (Ruby on Rails, Sinatra^)
Python (django, flask^) - good for data science
High-Performance Languages
Go (a.k.a. GoLang)
Rust
Dev Ops
CI Pipelines
Internal solutions
Jenkins
GitLab
DroneCI (Docker native YAY)
Hosted solutions
CircleCI
Github Actions
Codeship
Operacional
Monitoring (NewRelic, DataDog, Sentry, CloudWatch)
Logging (Elk Stack, Sematext)
Infraestrutura
AWS
Digital Ocean
(simpler infrastructure)
Google Cloud
Azure
Gerenciamento
Terraform
Ansible
Puppet
Docker
Salt
Chef
Docker
Small Scale: Just run containers on
DigitalOcean Docker servers
Medium Scale: Rancher, AWS Fargate
Big Scale: Kubernetes
Conhecimentos Gerais
RESTful Web Services / GET POST PUT DELETE requests
Modelo Requisição/Resposta
SSH
Git
Domain name and DNS basics
Uso do terminal de comando