Please enable JavaScript.

Coggle requires JavaScript to display documents.

Development Roadmap 2020 (General Knowlegde - gradually learn some widely…

- - - - Git
    - - Github
      - Gitlab
- - - - CSS - positioning, styling and animating
        
        Basics & syntax
        
        Layouts - position your components effectively
        
        CSS Grid
        
        Flexbox
        
        Content & Components - learn hot manipulate your elements
        
        Floats
        
        Display
        
        Position
        
        Box Model
        
        Navigation & mobile navigation
        
        Images, SVG, Video
        
        Media queries & Responsive
        
        Responsive Images
        
        CSS Animations
      - JavaScript - the fundamentals for dynamic pages
        
        Querying, selecting and working with the DOM
        
        Closures
        
        Basic programming (loops, contitionals, functions., ..)
        
        Scope
        
        Syntax and basic construct (data types, variables, etc.)
        
        Context
        
        First-Class functions
        
        XHR (AJAX) w/ Fetch
        
        Modern ES6+ (.map, promises, etc.)
        
        Modular JS
        
        Hoisting
        
        Event Bubbling
        
        Prototype
        
        Shadow DOM
        
        strict
      - HTML - the skeleton of the web
        
        Basics & syntax
        
        Forms and validation
        
        Conventions and best practises
        
        Accessibility
        
        SEO Basics
        
        Learn to write semantic HTML
      - Front End Enginner - master the frontend
        
        Package manager - manage your packages
        
        NPM
        
        Web security - make your web apps secure
        
        CORS
        
        Content Security Policy
        
        HTTPS
        
        OWASP Security Risks
        
        Better CSS - CSS Tools
        
        CSS Organization - your CSS architecture
        
        BEM
        
        CSS Preprocessor - better and faster css
        
        SASS / SCSS
        
        CSS Framework - optional, pre-made css
        
        Bootstrap
        
        Others... (Tailwind, Bulma...)
        
        Javascript Framework - your main tool
        
        Learn a framework - React - component based Facebook built library
        
        Advanced React - newer / advanced react topics
        
        Async act
        
        Concurrent Mode
        
        Fragments
        
        Portals
        
        Hooks
        
        Suspense
        
        Learn the basic to medium concepts - learn React
        
        Props
        
        State
        
        Components
        
        Events
        
        Render
        
        Contitionals
        
        JSX
        
        Frameworks & Tools - frameworks and tools
        
        NextJS - server-side rendered react
        
        React Router
        
        Create React App
        
        Apollo and GraphQL
        
        Reactstrapp
        
        CSS - Emotion / Style Components
        
        Gatsby.js
        
        Sockets
        
        State management - better handling of state
        
        Redux
        
        MobX (opt.)
        
        Module Loader / Bundler - load proactively and bundle your applications
        
        Webpack
        
        Babel
        
        Task runners - run your tasks automatically
        
        npm scripts
        
        gulp (opt.)
        
        Testing - test your applications
        
        Learn what is unit testing, integration testing and functional testing
        
        Run your tests - test effectively
        
        react-testing-library
        
        Jest
        
        Mocha
        
        Cypress
        
        Enzyme
        
        Type checking - better error prevention
        
        Typescript
        
        Mobile Apps - build hybrid mobile applications
        
        React Native
        
        Native Components - native only languages
        
        Kotlin / Java (Android)
        
        Swift (iOS)
        
        Go deep - learn it all
        
        Progressive Web Apps - PWAs
        
        Learn Web APIS - learn different Web APIs used in PWAs
        
        8 more items...
        
        Performance - calculating, measuring and improving performance
        
        5 more items...
        
        Desktop Apps - build multi-platform desktop applications
        
        Electron
        
        Web Assembly - WASM
        
        Rust
        
        Others
        
        Linter - for formating code
        
        ESLint
        
        Prettier
        
        Hosting - push your website to the web
        
        Zeit NOW
        
        Netlify
        
        Digital Ocean
        
        AWS
- - - - Scripting Languages
        
        Node.JS
        
        Frameworks and tools - utilities and models for Node.JS
        
        Express.js
        
        Mocha
        
        Other JS tools and libraries, for testing and packaging
        
        Good for I/O bound operations, asynchronous operations
        
        Python
        
        Good for data science and AI
        
        Frameworks and tools - utilities and models for Python
        
        Django
        
        Flask
        
        Many others
      - High-Performance Language
        
        Go (Golang)
        
        C / C++
      - Functional Language
        
        C# / .NET
        
        Good for CPU bound Operations, business logic, automation, others...
        
        Frameworks and tools - utilities and models for .NET
        
        .NET Framework
        
        ASP.NET
        
        .NET Core
        
        Entity Framework
        
        LINQ
        
        Many others...
        
        Java (opt.)
      - Learn best practices for each
      - Databases - save your data
        
        Database concepts - learn about databases
        
        Transactions
        
        N + 1 Problem
        
        ACID
        
        Database Normalization
        
        ORMs
        
        Indexes
        
        Data Replication
        
        Sharding Strategies
        
        Cap Theorem
        
        Relational Databases - learn about SQL and RDBMSs
        
        MySQL
        
        PostgreSQL
        
        _
        
        Non-Relational / NoSQL Databases - learn about document databases
        
        MongoDB
        
        Graph Databases - optional
        
        ArangoDB
      - Search Engine - for
        performant database access
        
        ElasticSearch
      - Message Broker - learn why/when to use
        
        RabbitMQ
      - APIs - learn API concepts
        
        REST
        
        JSON APIs
        
        SOAP
        
        HATEOAS
        
        Open API Spec and Swagger
        
        Authentication - learn about auth methods
        
        OAuth
        
        Basic Authentication
        
        Cookie Based
        
        Token Authentication
        
        JWT
        
        OpenId
      - Web Security - security knowledge
        
        CORS
        
        Content Security Policy
        
        HTTPS
        
        SSL/TLS
        
        Hashing Algorithms
        
        OWASP
      - Caching - cache your data
        
        Server-Side - better caching
        
        Redis
        
        CDN
        
        Client-Side
      - Architectural Patterns - learn the concepts
        
        SOA
        
        CQRS and Event sourcing
        
        Microservices
        
        Serverless
        
        Monolithic Apps
      - GrapqhQL - better REST?
        
        Apollo
      - Web Sockets - chat & communication
      - Containerization & Virtualization - main is Docker
        
        Docker
      - Web Servers - learn NGINX
        
        Apache (opt.)
        
        NGINX
      - Building for scale - scale your apps
        
        Understand the Diff
        
        Migration Strategies
        
        Mitigation Strategies
        
        Horizontal & Vertical Scaling
        
        Building with Observability in mind
      - CI / CD
- - - - SMTP
      - Others
  - - - NGINX
      - Apache
    - - Configuration Management - manage better
        
        Ansible
      - Container Orchestration - orchestrate your containers
        
        Kubernetes
      - Containers - learn containerization
        
        Docker
      - Infrastructure Provisioning - provision your hardware
        
        Terraform
      - CI / CD - continuous integration & delivery
        
        CircleCI
        
        Gitlab & Github Actions
        
        Jenkins
        
        TeamCity
      - Monitoring - learn to monitor software and infrastructure
        
        Application Monitoring - monitor your software
        
        App Dynamics
        
        New Relic
        
        Logs Management - manage your monitoring and logging
        
        Elastic Stack (ELK stack)
        
        Infratsructure Monitoring - monitor your hardware
        
        Nagions
        
        Grafana
        
        Prometheus
      - The Cloud - where it happens
        
        Cloud Design Patterns - learn best practises and concepts
        
        Design and Implementation
        
        Management and Monitoring
        
        Data management
        
        Availability
        
        File Servers - for big media, images, videos
        
        Cloudinary
        
        AWS
        
        Cloud Providers - where you buy your cloud storage
        
        Digital Ocean
        
        AWS