@languages

HTML: Describe Web Structure

• .html
• Not turing complete:
• DOM for structure tree mutable

CSS: Improve Looks for HTML Label

• .css
• Like json file for structure describe

TypeScript / JavaScript: Animation

• .ts / .js / .tsx / .jsx

• Same:

  • They working with edit HTML and CSS for dynamic website change post / get make connection to backend…

• Different:

  	Typescript (TS)	JavaScript (JS)
  Typing	Static	Dynamic
  Error Checking	Compile time, fewer runtime errors	Runtime
  Compilation	Need to compile to JS	Support Native with browser
  Adoption	Popular in large-scale	More Widely (Almost All)

@web framework

React: Mostly used for create User Interface (mostly SPA)

https://react.dev/

• Benefit:
  • Mostly used for front-end Web application, also easy package to application
  • Dynamic refresh
  • UI can be reusable, components control status and life-cycle
  • Virtual DOM optimize
  • Complex UI Develop

Flask: A micro web framework build with python

https://flask.palletsprojects.com/en/3.0.x/