Please enable JavaScript.

Coggle requires JavaScript to display documents.

Web Development In 2020 (Backend (Things to Learn for your…

- - - - Github Actions
      - CircleCI
      - Codeship
    - - Jenkins
      - DroneCI (Docker native YAY)
      - GitLab
- - - - Gatsby.js
      - Jekyll
      - Next.js
    - - Precompilers: SASS / PostCSS / LESS / Stylus
      - CSS Frameworks
        
        You might not need a framework anymore! Grid and Flexbox are awesome
        
        Bootstrap
        
        Materialize
        
        Bulma
        
        Tailwind
      - CSS Organization
        
        BEM
        
        Atomic (design)
        
        SMACSS
    - - Software Developer
      - React/Vue Developer
      - Web Developer
      - Frontend Developer
      - Frontend Engineer
      - Javascript Engineer
    - - React.js
        
        Newer/Advanced React Topics
        
        Fragments
        
        Async Act
        
        Concurrent Mode
        
        Portals
        
        Hooks
        
        Suspense
        
        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)
        
        React storybook (testing/documenting framework)
        
        CSS - Emotion / Styled-Components
      - Vue
        
        Nuxt (Next.js for Vue)
        
        Vuex (Redux-ish for Vue)
      - State Management
        
        MobX
        
        Redux
        
        MobX State Tree
    - - Jest
      - Mocha
      - Karma (run Jest or Mocha in browsers)
      - Enzyme (react)
      - Cypress.io E2E Testing
      - Storybook - documentation, component development
    - - Typescript
      - Functional Programming (rx.js, immutable.js, ramda)
    - - PWA (progressive web apps)
      - AMP (Google's preferred mobile content format)
  - - - Navigation, mobile nav
      - Fun ways to display content
      - Responsive Images
      - CSS Animation
- - - - I have a Node.js Course!