Please enable JavaScript.

Coggle requires JavaScript to display documents.

Web development - Coggle Diagram

- - - - Linux
        
        Nginx
        
        SSL configuration
        
        Global params
        
        Reverse proxying
        
        Allow/deny
        
        403/password auth
        
        Installation
        
        Server and location block
        
        Configuration files
        
        Root directory
        
        Listen to port
        
        Virtual host
        
        Others
        
        Port and process management
        
        VPN etc.
        
        Install/Configure mail servers
        
        The OS
        
        Moving around folders
        
        Basic customizations
        
        Permissions
        
        Intro to command line
        
        Nano editor
        
        Package installation and management
        
        Folder structure
        
        SSH
        
        User management
      - Docker
        
        Build and run images
        
        Networking inter-images
        
        yml
        
        Syntax and data storage management
        
        Basic idea
        
        Pushing to production
        
        Setup
        
        CI/CD
  - - - Gitlab
        
        Integrate Docker into the mix
        
        Integrate DB
        
        Add the stack info
        
        Push to production
        
        Syntax for the config file
        
        Set up pipeline
        
        Jenkins
  - - - Add SSL/TLS
      - Map domain to IP
      - Install and configure frameworks like WordPress, Laravel, Django
      - Install LAMP/LEMP stack
      - Install MySQL and configure language server like PHP-FPM
    - - Netlify
      - Heroku
    - - Configure domain
      - Configure CDN
      - Lightsail
      - EC2
- - - - Port forwarding
      - Localhost
      - Ports and sockets
      - Buying and setting up a domain
      - IP details
      - A record and CNAME record
      - Name resolution
      - MX record, TXT record etc.
      - What is domain
      - TTL, DNS propagation
- - - - Must havs
        
        Live servers
        
        Linters
        
        Emmet
        
        Sass
        
        Code beautifies
      - Language-specifics
        
        HTML
        
        CSS
        
        JS
        
        PHP
        
        Python
        
        MySQL
        
        NodeJS
        
        PostGresql
        
        Others
      - Customizations
        
        Code highlighters
        
        Themes
        
        Snippets
    - - Command line
      - Sass generation
      - Linter configuration
      - Debugging
      - Github integration
  - - - Memory audits
      - Speed optimizations
      - Network tab
      - Debugger tab
        
        How to use debugger to track executions
      - Computed values
      - Storage
        
        Idea of cookies and sessions
      - CSS editing
      - Connecting to phones for development of mobile view
      - Elements tab
        
        Manipulating
      - Mobile view and adding custom screens like 4K
  - - - DNS architecture
        
        IP
        
        Nameservers
        
        Name resolution
        
        Configuration in the servers
        
        Host to mapping of data transfer
        
        IP Routing
    - - Header request cycle
        
        Header params
        
        HTTP header
        
        Server types
        
        Cpanel
        
        Others
        
        VPS
- - - - Installations
        
        Configuration
        
        data types
        
        Commands
        
        PHP implementation
        
        Usage in caching
    - - MySQL
        
        Built-in functions and data manipulations using them
        
        Primary key and foreign key
        
        CRUD
        
        Index
        
        Basic concepts like column type, length etc.
        
        Auto increment
        
        Create, drop users and set privileges
        
        Selection statements like having, group by etc.
        
        Create, alter, drop tables
        
        Joins like inner, outer, left, right
        
        Create, drop, backup DB
        
        Normalizations
        
        Prepared statements
        
        SQL injections
        
        PostgreSQL
    - - Couchbase, rethinkDB
      - Elastic search, Solr
    - - Apache
      - In memory
        
        Memcached in PHP
        
        Basic configuration
        
        Caching data
        
        Serving from cache
      - Redis
        
        Setup
        
        Caching
        
        Redis caching
        
        Serving from cache
        
        Redis in PHP caching
      - Nginx
        
        Serve pages from cache
        
        Configure cache
      - Third-party services
        
        Cloudflare
        
        Adding SSH tunnel from CF to root server
        
        How to set up
  - - - Authorization
        
        OAUTH2
        
        JWT
      - Websocket
        
        Send and receive messages
        
        Closing conenction
        
        Events and actions
        
        With NodeJS
        
        Socket.io
        
        Handling CORS
        
        Events
        
        Middleware
        
        Broadcasting
        
        Socket instance
        
        Client-side consumption
        
        Installation in the server-side
        
        Duplex communication
      - Security
        
        SQL injection
        
        XSS attack
        
        What is involved here?
        
        Cookie hijacking
        
        Social engineering
        
        Server security hardening
      - ORM/Data structure
      - SOAP
      - Application deployment
      - REST API
        
        How to consume them?
        
        How to build REST APIs with PHP/Python
        
        What is REST API
        
        REST API helper plugins
        
        Insomnia
        
        RestClient
        
        Postman
        
        GET/POST/PATCH requests
      - Testing
        
        Other testing
        
        Unit testing
  - - - Frameworks
        
        Laravel
        
        Forms handling
        
        Sessions
        
        Working with DB
        
        File uploading
        
        Redirection
        
        Event handling
        
        Blade templating
        
        Facades
        
        Views
        
        CSRF
        
        Cookies
        
        Command line and artisan
        
        Controller
        
        Encryption
        
        Middleware
        
        User gates and authentications
        
        Routing
        
        Notifications
        
        Configuration
        
        Queuing
        
        Installation
        
        Architecture
        
        Websockets
        
        Advanced
        
        Eloquent ORM
        
        1 more item...
        
        Route model binding
        
        Cache
        
        Mail
        
        Containers
        
        Task scheduling
        
        Providers
        
        Billing
        
        Codeigniter
        
        Helper functions
        
        AJAX handling
        
        MVC architecture
        
        Working with DB
        
        Routing
        
        API development
        
        Installation
      - Main language
        
        File handling
        
        Cookies and sessions
        
        Date/time
        
        OOP
        
        Form handling
        
        Classes
        
        GLOBALs
        
        Constructors
        
        String functions to manipulate them
        
        Methods and properties with accessors
        
        Array functions to manipulate them
        
        Traits
        
        Arrays and objects
        
        Static methods and properties
        
        Variables, data types, conditionals, loops
        
        Namespaces
        
        Basic syntax
        
        Composer and autoloading
        
        AJAX in PHP
      - WordPress
        
        Theme development
        
        Sidebars and widget areas
        
        Custom menus
        
        Index.php, header, footer, body class
        
        Single post page
        
        Post loop
        
        Archive pages like category, author, date etc.
        
        Template hierarchy
        
        Search pages
        
        Child theme
        
        Custom page templates
        
        What is a theme
        
        Enqueuing CSS/JS
        
        Template tags (author, title, tags, category etc.)
        
        Making custom queries
        
        Database tables introduction
        
        Building gutenberg blocks
        
        Plugin development
        
        Data sanitization
        
        Nonces
        
        wpdb class and using it to get and store data
        
        Shortcodes
        
        Add forms in store custom data
        
        Settings and actions API
        
        Making admin pages
        
        Custom metaboxes
        
        Plugin directory, activation, deactivation
        
        Custom post types
        
        Hooks - actions and filters
        
        Cron
        
        Handling AJAX
        
        Users and capabilities
        
        Custom taxonomies
        
        Walker class
        
        Making custom widgets
        
        Plugin specific dev
        
        3 more items...
        
        Basics
        
        Themes and plugins
        
        Installing themes and plugins, configuring them
        
        Idea of posts and pages
        
        Ecommerce, page builders, forums in WordPress
        
        Setup locally
      - Other stuff
        
        Composer
        
        Autoload
        
        Write packages
        
        Install packages and libraries
        
        ReactPHP
        
        RachetPHP
    - - Language
        
        Events
        
        HTTP module
        
        Upload files
        
        URL
        
        File system
        
        Email
        
        Modules
      - Express
        
        Database integration
        
        Passport
        
        Error handling
        
        Input handling
        
        Template engine
        
        File upload
        
        Middleware
        
        Websocket
        
        Routing
    - - Main language
        
        Python PIP
        
        Handling user inputs and files
        
        Objects
        
        Array manipulations
        
        Loops
        
        Lambda
        
        List/tuples/set
        
        Libraries
        
        Operators
        
        Data types
        
        Basic syntax
      - Frameworks
        
        Flask
        
        Django
        
        Hashing
        
        User management
        
        Forms and input handling
        
        Models
        
        Templating
        
        URL mapping
        
        Installation
- - - - Pseudo-selectors
      - Units
      - Advanced design building blocks
      - Layouting
      - Special design elements
      - Specificity
      - Special selectors
      - Responsive CSS
      - Common syntax
      - CSS tools
        
        Bootstrap
        
        Blocks
        
        Helper classes
        
        Forms
        
        Menus
        
        Layout
        
        Bulma
        
        LESS
        
        Responsive CSS
        
        SCSS
        
        Ruby to convert
        
        Building with SCSS
        
        Basic idea
    - - jQuery
        
        Selectors
        
        Events
        
        Effects
        
        Traversing
        
        AJAX
      - Versions
        
        ES5
        
        ES6
        
        Babel
      - Runtime
        
        How JS works
        
        Involvement of browser
        
        V8 engine
        
        Console
        
        How JS is interpreted
        
        Spped
      - Common functions
        
        JS history
      - Syntax
        
        Basics
        
        Functions
        
        Objects
        
        Data types
        
        Events
        
        Basic syntax
        
        Conditions
        
        this Keyword
        
        Loops
        
        Hoisting and scopes
        
        Array and string functions
        
        ES7 and all
        
        Closures
        
        Call/apply/bind
        
        Callbacks
        
        Objects
        
        Promises
        
        JSON
        
        Stringify- decode/encode
        
        Object to JSON and vice-versa
        
        Syntax
        
        Async/Await
        
        BOM
        
        AJAX
        
        Browser api for it and 'this' related to it
        
        API accessing and an easier use with jQuery/Axios
        
        xmlhttprequest
        
        DOM manipulation
        
        JS APIs
        
        Storage API
        
        Fetch API
        
        AJAX
        
        History API
      - Dealing with common programming problems like maps and reduce usages
      - Modular JS
    - - Forms
      - Attributes
      - Elements
        
        HTML5 elements
        
        Relationships to SEO
      - Syntax
      - How it works
  - - - Frameworks
        
        Vue
        
        Template syntax
        
        Watchers
        
        Instance
        
        Class and style binding
        
        Handling user input
        
        Conditional rendering
        
        Condition
        
        Event handling
        
        Rendering
        
        Animation
        
        Installation
        
        Routing
        
        State management
        
        React
        
        States
        
        Redux
        
        4 more items...
        
        React
        
        Provider
        
        Consumer
        
        Context API
        
        Life-cycles
        
        Props
        
        Events
        
        Components
        
        Forms handling
        
        Styling
        
        Conditional rendering
        
        Render HTML
        
        Refs
        
        ES6 and JSX
        
        Advanced
        
        HOC
        
        Hooks
        
        Fragments
        
        Installation
        
        Consuming external APIs
        
        Async/Await to get the result
        
        State management and accessing the store later
        
        AJAX in React
        
        Related stack
        
        GraphQL
        
        2 more items...
        
        Relay
        
        5 more items...
        
        Apollo
        
        Angular
        
        React native
        
        Scrollview
        
        Listview
        
        Handling text input
        
        Animation
        
        Menus
        
        Routing
        
        Expo
        
        Dev env setup
      - Dependency management
        
        Webpack
        
        Asset management
        
        Output management
        
        Modules
        
        Others
        
        ENV
        
        Treeshaking
        
        Cache busting
        
        Lazy-loading
        
        Code splitting
        
        Setup
      - Task runners
        
        Grunt
        
        Gulp
        
        Adding tasks
        
        Watch mode
        
        CSS tasks
        
        Combining tasks
        
        JS tasks
        
        Running server
        
        Image copying
      - ES6
      - Package manager
        
        NPM
        
        Bower
        
        Search packages
        
        Add packages and manage
        
        Setup
      - Testing
        
        Mocha
        
        Jasmine