25.0104 Gdrive

The goal of this page is to describe the evolution of web stacks/frameworks.

• 1 HTML 1991/1995
• 2 DOM, JSCRIPT 1995
• 3 CSS 1996
• X webworks publisher
• 4a "windows" for the browser??
• 4b SPA 2003
• 5 BOOTSTRAP 2011 twitter, TAILWIND
• 8 FRAMEWORKS CLIENT SIDE
  • 6a REACT 2013
  • 6a2 REACT NATIVE 2013
  • 6b REACT ROUTER
  • 6c REDUX 2015
• 9 FRAMEWORKS SERVER SIDE
• 10 OVERVIEW/CONCEPTS

https://en.wikipedia.org/wiki/HTML

https://en.wikipedia.org/wiki/Web_design

https://en.wikipedia.org/wiki/Document_Object_Model

https://en.wikipedia.org/wiki/JavaScript

https://en.wikipedia.org/wiki/CSS

https://en.wikipedia.org/wiki/Web_design

https://en.wikipedia.org/wiki/Single-page_application

https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)

https://en.wikipedia.org/wiki/Typography

https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)

https://en.wikipedia.org/wiki/Tailwind_CSS

Tailwind CSS Full Course for Beginners | Complete All-in-One Tutorial | 3 Hours

Dave Gray https://youtu.be/lCxcTsOHrjo?t=9415

https://en.wikipedia.org/wiki/Web_framework

https://en.wikipedia.org/wiki/React_(software)

https://en.wikipedia.org/wiki/React_Native

https://reactrouter.com/tutorials/address-book

• (24.12!!/35mins/NO-GIT) React Router 7 Tutorial Remix https://www.youtube.com/watch?v=pw8FAg07kdo
  

https://en.wikipedia.org/wiki/Redux_(JavaScript_library)

• (22.05/240mins/GIT-BRANCHES) React Redux Full Course for Beginners | Redux Toolkit Complete Tutorial Dave Gray https://www.youtube.com/watch?v=NqzdVN2tyvQ&t=8894s
  

• fireship 200secs https://www.youtube.com/watch?v=_shA5Xwe8_4

• Redux - Complete Tutorial (with Redux Toolkit) Cosden Solutions https://www.youtube.com/watch?v=5yEG6GhoJBs
  

• (21.02/20mins/NO-GIT) Redux Tutorial (with Redux Toolkit) Net Ninja https://www.youtube.com/watch?v=iBUJVy8phqw
  

https://redux.js.org/tutorials/fundamentals/part-5-ui-react

"On that note, since we assume that you already know React, we're going to skip past the details of how to write the layout code for these components and focus on how to actually use the React-Redux library in your React components."

https://react-redux.js.org/tutorials/connect

https://en.wikipedia.org/wiki/Web_framework

---

25.0104

https://en.wikipedia.org/wiki/Solution_stack#Full-stack_developer

" In computing, a solution stack or software stack is a set of software subsystems or components needed to create a complete platform such that no additional software is needed to support applications.[1] Applications are said to "run on" or "run on top of" the resulting platform.

(https://en.wikipedia.org/wiki/Solution_stack)

For example, to develop a web application, the architect defines the stack as the

• target operating system,
• web server,
• database, and
• programming language.

• ME-N
  • MongoDB (database)
  • Express.js (application controller layer)
  • Node.js (JavaScript runtime)
• MEAN[10]
  • AngularJS/Angular (web application presentation)
• MERN[25]
  • React.js (web application presentation)
• MEVN[26]
  • Vue.js (web application presentation)

---

xxxx#### Not-web stack (https://en.wikipedia.org/wiki/Solution_stack)

Another version of a software stack is

• operating system,
• middleware,
• database, and
• applications. [2] Regularly, the components of a software stack are developed by different developers independently from one another.