Please enable JavaScript.
Coggle requires JavaScript to display documents.
Web Dev Tech 2020 - Coggle Diagram
Web Dev Tech 2020
Server Side Language
-
-
-
Node.js
not a language, JS run-time, lets you use JS as server side language - very fast, asynchronous, suitable for web apps that arent CPU intensive
-
-
-
-
-
Vanilla JavaScript
-
Fundamentals - variables, data types, functions, conditionals, etc
-
-
-
Modern JS (ES6) - arrow functions, template literals, promises, classes, etc.
-
-
-
JAMstack
"JavaScript, APIs, and Markup" - modern web development architecture base on client-side JavaScript, reusable APIs, and prebuilt Markup
-
Websites served as static html files generated from source files, such as markdown using a static site generator like Gatsby
High performance, pages generated at deploy time
-
-
-
-
TypeScript
-
Static Typing - vars, functions, etc.
-
Modules, Decorators, Classes
-
Databases
Relational Databases
-
-
-
data relates to each other, can use with any language, uses tables and columns, like a spreadsheet, usually has GUI tool
NoSQL
-
-
-
apps that have a ton of data, more scalable and faster, doesnt use tables, don't have to create fields in advance, stores data in documents, more freedom, Compass GUI
-
-
-
-
-
-
-
-
Browser Developer Tools
-
Console - JavaScript errors, debugging
-
-
JavaScript Frameworks
React
most popular, fairly easy to learn
Vue
gaining tracktion, easiest to learn
Angular
enterprise application, steep learning curve
-
-
State Management
for larger apps, 3rd party state managers may be needed
-
-
-
Server Side Rendering
-
-
-
Features: Better SEO, File system routing, automatic code splitting, static exporting, CSS-in-JS
Desktop Apps w/ Electron
-
-
High data security, high performance, accessiblility
Examples: VSCode, Atom, Postman, Discord
-
Static Site Generators
-
-
Features: Better SEO, data fetching from local files during build time; plug in system, GraphQl for data
-
-
Web Assembly
low level bytecode can run in browser - next level video games, tools in browser
generated by C, C++, Rust
-
-
-
-
-
-
-
API First Design
-
starts w/ appropriate APIs & then build products on top instead of starting with UI, then moving to backend w/ strict connection to web app
IDE Extensions
VSCode - LiveServer, LiveSass Compiler, Bracket Colorizer
JavaScript Compiler
Svelte
produces pure vanilla JS code and lets you build user interfaces easiy - write les code, no virtual DOM, fast
API
GraphQL
-
single endpoint, simple syntax, fairly easy to implement, Apollo is the client to interact with GraphQL server
-
-