Please enable JavaScript.
Coggle requires JavaScript to display documents.
GX6tdrnS_400x400 - Coggle Diagram
React (Specific Framework)
The difference between the Virtual DOM & The Real DOM? (Diffing)
What is JSX? (a templating language)
What is the difference between a element and a component?
Pass a value from parent to child? (Props) Can you pass child to parent? (Function Prop)
What is prop drilling?
Can you modify props?
What is the difference between props and state?
The difference between state in a class component vs state in a function component
What is the component lifecycle? (Mounting, Updating, Unmounting)
How do you update the lifecycle in function components? (useEffect)
What parameters does useEffect take in? (function, array) When does it run? (onMount)
What is a fragment?
Git Fundamentals
branch, staging & adding commiting, pull and push
Third Party APIs & Codebases & Microservices Info
Elements of a tradtional monolith codebase - Core business logic, API logic, database, caching, file storage, additonal logic
Setbacks to a monolith - Too much traffic then forced to create a copy of everything
Microservice Architecture - Isoloated components that talk and are divided by responsibility
Benefits of a Microservice - Independant Scaling and can be developed by different independent teams
HTML & CSS (Responsive Design)
An ID and a class with CSS selector (Difference between a class and a ID)
Classes are resuable while ID are unique
Pay attention to the levels of css specificity there is with some having more priotirty over others
Pseudo selectors, Pseudo elements
Responsive Design - Is about having your web application be functional and correct in multiple screen sizes (Desktop, Mobile, Tablet)
Media Queries (adjusting via px, rems, ems)
Flexbox & CSS Grid
Sizing of items with rems and ems (that can be compatible with screen acceebility over percentage)
Agile & SCRUM Methodology
Agile is a process for how we run the software engineering team
agile practices involve discovering requirements and developing solutions through the collaborative effort of self-organizing and cross-functional teams and their customer/end user.
Scrum - a actionable amount of work you can work with every sprint (usually 2 weeks)
Kanban Methodology - Tackling the biggest priorties first from a visual aspect moreso
With the combination of SCRUM can also involve stand up keeping up to date with progress and building of a application or project
Agile and Scrum usually has a retrospective at the end where you talk about what went well and what did not go well
Infrastructure & Web Architecture
The Request & Response Lifecycle - The parts that make up a full request
Main job of a DNS server is to route traffic in combination with your ISP
Request Methods GET, POST, PUT, PATCH, DELETE
HTTP & HTTP(S) and the Request Protocol (bread and butter of the web!)
Other Request Protocol popular are websocket, websocket secure, ftp, and sftp (secure file transfer protocol)
Request Domain with different areas broken down such as subdomain, domain itself and the top level domain (tld)
Every request has a port also of course with 80 for public http traffic and 443 for public https traffic
root path / path + Query Arguments & Query Strings. Starts with ? then a & delemited list of key-value pairs
Another Part of Request - Fragment ID - can be used in SPA apps also (example with headings)
The unseen parts - header information (that also has cookies information)
SSL = Technically it is TLS now (Transport Layer Security) / HTTP + TLS
TLS promises of Integrity, Encrpytion, and Authenthication
Web Servers & Applications - App & Business Logic, Apache & Nginx and for PHP: Laravel, Wordpress etc
