Please enable JavaScript.
Coggle requires JavaScript to display documents.
Courses (ReactJS [FRONTEND] (8 - SSR (
Courses
ReactJS [FRONTEND]
1 - Basics
Checklist
How A Web application works
What is DOM and Virtual DOM?
How React works on web
Concept of JSX
Introduction to Higher Order Components
2 - Design
Checklist
CSS - What and how?
How do theme providers work?
What is design System?
Available design System
3 - Authenticate & Navigate
Checklist
Access Tokens - What and how?
How to check access - On reload / on launch?
Navigation - How do routers work?
Separation of concerns - Auth router, App router
4 - APIs and Async Flow
Checklist
What are APIs and why we need them?
Asynchronous flow - Callbacks, Promises, async/await
What is a Middleware? How does it work and when is it required?
Framework specific async handling - redux-saga, redux-thunk
Using Web API's
5 - State Management
Checklist
Redux
Mobx
MST
What and why do we need it?
React Hooks
Flux Architecture
Immutable
6 - Building a Web Application
Checklist
What are the Components? Type of Components.
Component LifeCycle
7 - Performance
Checklist
How to measure performance ?
Optimizing performance of app
8 - SSR
Basics
What Is SSR ?
Benefits of SSR. Who should use it
How to achieve SSR?
Isomorphic
NextJS
Routing
9 - PWA
Checklist
What Is a Service Worker and How it Works?
Exposure to Chrome's Lighthouse tool
What Really is a PWA?
PWA Core Concepts
Cache & Offline Support
Background Sync & Push Notifications
Exposure to IndexedDB
10 - Bundlers
Checklist
What are bundlers?
How to they effect the optimization
Famous Bundlers - Webpack / Parcel
11 - Resources
Checklist
VueJS [FRONTEND]
1 - Basics (HTML, CSS)
Checklist
Basics of HTML
Basics of CSS
Responsiveness
Events in HTML
2 - Basics (Javascript)
Checklist
JS Basics
What is Event Handling? Types of Events in JS
Event Loop in JS
Understanding the synchronous nature of JS
Promise and Callbacks
Async/Await
3 - Introduction to Vue.js
Checklist
Setting up Vue CLI
What is Virtual DOM?
Understanding the Boilerplate Code and Vue File Structure
Template Syntax and Vue Instance
Class and Style Binding
Loops in Vuejs
Form Input Bindings
4 - Component Based Approach
Checklist
Props
Component Registration
Splitting a webpage into multiple re-usable components
5 - Routing
Checklist
Vue-Router
Declarative and Programmatic Navigation
6 - State Management
Checklist
Understand why a single state is needed
VueX
Store. Actions. Watchers. Mutations. Getters. Modules
Single Source of Truth
Asynchronous API calls
7 - Reactivity
Checklist
What is Reactivity in Vue.js
Tracking changes in an app
What changes are not tracked in Vue.js (Change Detection Caveats)
8 - Transitions
Checklist
Enter and Leave Transition
State Transition
9 - Server Side Rendering
Checklist
What is Server Side Rendering
Understanding Nuxt.js
10 - Resources
Resources
https://vuejs.org/v2/guide/
https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/
https://blog.geekyants.com/react-to-vue-a-non-intimidating-journey-130585ce2c53
DevOps
1 - Basics
Checklist
How Internet Works?
Linux Commands
How to use Git?
Control Incoming / Outgoing Traffic using Firewall
SSH & SCP
2 - Monitoring
Checklist
AWS Cloud Watch
Status Cake
3 - DOCKER
Checklist
Containers
Images
Docker Compose
K8S
Splunk
4 - SERVER
Checklist
NGINX
APACHE
PM2 / FOREVER
GZIP, DEFLATE & BROTLI
SSH
GIT
PHP-FPM
"for applications written in PHP"
REDIS
SUPERVISORD
CRON
CloudFlare / AWS Route53
AWS EC2 / Vultr / Hetzner / DigitalOcean Droplet
5 - SERVERLESS
Checklist
AWS Lambda
FIREBASE Cloud Functions
AWS API Gateway
Heroku / Netlify / Now.sh
Google Firebase Hoisting
6 - DATABASE & STORE
Checklist
MySQL / MariaDB
MongoDB
AWS Aurora
PostGreSQL
AWS DynamoDB
Firebase / Firestore
7 - CI / CD
Checklist
Bitbucket -> AWS EC2 + AWS S3 + AWS CodeDeploy
Github -> AWS EC2 + Github Actions
Github -> Raw Server
Laravel Forge
App Center
CodePush
8 - iOS
Checklist
Distribution Certificate
Development Certificate
APN certificate
Fastlane
9 - Android
Checklist
Keystore Generation
Store Listing
10 - Resources
Database
Redis ->
https://redislabs.com
SQL ->
https://www.cloudclusters.io
Mongo ->
https://www.mongodb.com/cloud/atlas
Server
Others
https://education.github.com/pack
https://gist.github.com/giansalex/8be8b68dce8f4e2e8dc228cb599a596c
React Native [MOBILE]
1 - Basics
Checklist
What is React Native
Core of React Native - Bridge and Thread
Virtual Dom
Introduction to Xcode and Android studio and Environment Setups
2 - Basics (React Native)
Checklist
Core concept - components, JSX, props, state
HOC
Intro to CSS in React Native and Flexbox
React Native components and usages
Lifecycle methods
Debugging
3 - Navigation
Checklist
react-navigation - configuration and usages
Authentication based navigation
4 - State Management
Checklist
Component state vs Global state - Understanding the need
Immutable
Flux Architecture
Redux
React Hooks
MobX-state-tree
5 - Develop a Screen
Checklist
Reusable Component
File structure
Style and layout with Flexbox
6 - Advance Concepts
Checklist
Animation - Properties, Functions, Techniques etc
Gesture handler - Declaring and Enabling Gestures
Animation and Gesture
Expo - Why? & How?
7 - Performance & Stability
Checklist
What's the need of performance improvement ?
Memory Leakage
App Size
UI Responsiveness
Error & Validation Handles
8 - Native component and module
Checklist
When to use?
Setup basic native module and bridging (Android & iOS)
Linking libraries
9 - Misc
Checklist
TypeScript with React Native - How it works?
Testing tools - Jest, Chai, Mocha
Networking - Axios, Apollo Client, react-native-firebase
Forms - redux-form, Formik
User interface - react-native-vector-icons, lottie-react-native
Utils - Lodash, Moment
Analytics & crashlytics
React Native Maps - Usages
React Native Gifted Chat - Usages
NativeBase - UI library
Social login with React Native
10 - Resources
React Native
https://reactnative.dev/
Navigation
https://reactnavigation.org/
State Management
https://redux.js.org/
https://mobx.js.org
Automation [TESTING]
1 - Basics
Checklist
Basics of Java
Object Oriented Programming concept
Java Collections, MultiThreading concepts
Why Automation is needed?
2 - Locators and Xpaths
Checklist
Differences between absolute and relative Xpath
Different techniques to write xpath
Different locators to identify element/elements in a web page(id, Class,Name, Text, LinkText,CSS Class, XPath, CSS Selector)
3 - Selenium Webdriver (Web UI Automation)
Checklist
Navigation in selenium
Radio button and Checkbox in Selenium Webdriver
Handling AutoSuggestion
Handling File upload using Sikuli/Auto IT
Handling Drag and Drop in Selenium
Handling Mouse Hover,Keyword Events using Action class
Synchronization using webdriver(Waits)
Handling Multiple windows
Handling Alert Messages
Handling IFrames
Handling WebTable
Cross Browsing using selenium
Download files in Selenium Webdriver
How to use Logs File in Selenium?
How to use Properties File in Selenium?
4 - TestNG
Checklist
Check reports generated by TestNG
Configure Eclipse with Selenium and TestNG
How to execute only failed test cases in Selenium Webdriver?
What is TestNG Listeners and How to implement TestNG Listener in Selenium Webdriver?
How to run group Test cases in Selenium using TestNG?
Execute Selenium Webdriver Test cases parallel using TestNG
Putting Data providers for multiple tests in a single file
Managing Multiple test Suites
Use of assertion libraries (hard assert ,soft assert)
5 - PageObjectModel
Checklist
What is Page Object Model?
When to use POM?
POM using Page Factory
6 - Data Driven Framework
Checklist
What is data driven Framework?
Read and Write Excel using Apache poi
Goals to be achieve in data driven framework
Build Validations Functions
7 - Selenium Grid
Checklist
Reading Nodes and Hubs
Deciding number of browsers on a Node
Deciding type of browsers on Node
Limiting number of concurrent browsers on node
8 - API Testing (Rest Assured)
Checklist
Rest Assured methods: GET/POST/PUT/Delete
Handle different payloads using POJO and JSON/XMLs
Handle Authentication using Basic Auth, Authorisation Token,API Key etc
Validate Response Status using Rest Assured
Deserialisation using POJO
Serialisation using payload
Request/Response spec buildup
9 - Appium (Mobile Testing)
Checklist
Appium on Android And IOS
Appium Server - Command Line, Application
Mobile element identification using Appium Inspector
Locators - Resource-ID, Name, Xpath, ClassName, Content-desc, text, AccessibilityId etc
Desired Capabilities concepts
Drag and drop, TouchActions, Scroll, Swipe using touch actions
Multi-Touch, Swipe, Tap, LongPress, Flick, Pinch and Zoom
10 - Resources
Checklist
selenium
rest-assured
appium
ExpressJS [FULLSTACK]
1 - Basics
Checklist
What does backend mean?
What is NodeJS?
What is NPM?
How NPM helps?
What is "package.json" & "package-lock.json" & why we need it?
Express - Why? & How?
2 - Background
Checklist
What is v8 engine?
Difference between NodeJS vs Browser
Anatomy of NodeJS
Common Node Conventions
3 - Building a Server
Checklist
Starting a Server
Understanding Request Paths
Understanding HTTP Methods
Understanding Query Strings
Understanding Headers
Understanding Payloads
Understanding Response with different Content-Type
How does data interpolation works in HTML, PUG or JADE?
Understanding Response JSON
Understanding Response Content-Encoding
4 - Building a Secured Server
Checklist
Adding Configurations
Adding HTTPS Support
5 - Building a CLI Tool
Checklist
Understanding Arguements
Understanding Options
Understanding Kill Signals
Understanding Event based Handling
6 - Performance
Checklist
Understanding Performance Hooks
Adding Clusters
Adding Child Processes
7 - Stability
Checklist
Adding "Strict" linting
Using Debugger
Custom Errors / Exceptions
Handling Exceptions
8 - Caching
Checklist
With Redis
With MemCached
9 - Resources
Links
NodeJS Official Release Documentation
NodeJS Official Guide
ExpressJS Official Documentation
Laravel [FULLSTACK]
1 - Basics
Checklist
What is web development?
Frontend vs Backend
What is FULLSTACK?
What is PHP?
What is a Framework?
Client Side vs Server Side
What is a Library?
What is a Package?
What is Composer?
2 - Architecture Concepts
Checklist
Request Lifecycle
Service Container
Facades
Contracts
3 - Building a Server
Checklist
Routing
Middleware
Controller
Requests
Responses
Views
Session
Validation
Error Handling
Logging
4 - Frontend
Checklist
Blade
Localization
Data Interpolation
Compiling Assets
5 - Security
Checklist
Authorization
Authentication
Email Verification
Encryption
Hashing
Password Reset
6 - Kernels
Checklist
Console Commands
Broadcasting
Cache
Events
File Storage
Helpers
Mail
Notifications
Queues & Jobs
Scheduling Console Commands
7 - Database & Eloquent ORM
Checklist
Query Builder
Pagination
Migrations
Seeders
Relationships
Collections
Mutators
Transformers
Serialization
8 - Official Packages
Checklist
Horizon
Cashier (Stripe)
Cashier (Mollie)
Cashier (Braintree - PayPal)
Dusk
Envoy
Passport
Sanctum - SPA API
Scout - Algolia Elasticsearch
Socialite
Telescope
9 - Resources
Checklist
Laravel Documentation
Manual [TESTING]
1 - Basics
Checklist
What is Software Testing and its importance?
Difference between Manual and Automation Testing
SDLC Phases and Models
Advantages and Disadvantages of Manual Testing
Defect Life cycle
STLC
2 - Test Plan
Checklist
Importance of Test Plan
How to write a Test Plan?
3 - Test Cases Development
Checklist
What is a Test Case?
Why Write
Test Case
?
Test Documentation
Difference between Test case and Test Scenario
How to write Test Case?
4 - Functional and Non Functional Testing
Checklist
Function and Non Functional Testing
5 - Api Testing
Checklist
Authentication in Postman
Environment Variables in Postman
Collections In Postman
Test and Collection Runner in Postman
Assertions in Postman with Chai Assertion Library
6 - Intro to Agile Methodology
Checklist
Into to Agile Methodology
7 - Load Testing
Checklist
Why load Testing is required?
Tools to use -
Jmeter
, Load Runner
8 - DataBase
Checklist
MongoDb
MySQL
9 - Resources
Checklist
http://softwaretestingfundamentals.com/
https://www.guru99.com/software-testing.html
https://jmeter.apache.org/usermanual/index.html
Beego [FULLSTACK]
Svelte [FRONTEND]
Django [FULLSTACK]
Revel [FULLSTACK]