“This is the second day of my participation in the November Gwen Challenge. See details of the event: The last Gwen Challenge 2021”.
According to Stack Overflow’s 2021 developer survey, NPM trends, and StateOfJS, the best JavaScript frameworks for front-end, back-end, and testing are react.js, Angular, Vue. Js, jQuery, Express js And so on. This article will share a learning graph for four widely used and less-fluent JavaScript frameworks (Ember) in front-end development: React, Node, Angular, and Vuejs.
The three basic
No matter what Web (front-end) development framework or library you use, you must know the basics of HTML, CSS, and JavaScript, which are the three foundations of Web (front-end) development.
HTML
It is one of the first foundational pillars for Web (front-end) developers and one of the most important skills, as it provides the structure of a Web page.
If you want to get started with Web development and learn HTML, there are two free online tutorials: Web Development Techniques for MDN and W3Schools.
CSS
It is the second fundamental pillar of Web (front-end) development and is used to design Web pages to make them look good. Although modern Web (front-end) development rarely writes native CSS code, the basics are still CSS. Or there may be an existing UI framework that does most of the work, and I feel I can use the framework to improve development efficiency, but the basic support should not be lost.
JavaScript
This is the third fundamental pillar of Web development, used to make Web pages interactive, and a large part of modern Web projects is JavaScript coding.
React
React is a comprehensive JavaScript library for building user interfaces or front-end parts of Web applications. React is declarative, simple, component-based, fast, easy to learn, extensive, and supports the server side of applications.
Learning map
The Github repository contains everything from the learning graph above: Awesome React, which covers almost everything you need to know to develop React.
Nodejs
Node.js is an open source, cross-platform JavaScript runtime environment and library for running Web applications outside of the client’s browser. Developers use Node.js to create server-side Web applications, which are ideal for data-intensive applications due to its asynchronous event-driven model.
Learning map
The github repository also contains everything from the learning graph above: Awesome NodeJs, which covers almost everything you need to know about React development.
Vuejs
Vue.js is the most popular JavaScript framework, an open source JavaScript framework for developing interactive Web interfaces. It is one of the well-known frameworks used to simplify Web development. Vuejs focuses on the view layer. It can be easily integrated into large projects for front-end development without any problems.
Learning map
This learning map for Vuejs developers will give you an idea of what to look forward to and guide you when you don’t know where to start or what to learn next, depending on your development experience.
Learning resources: Awesome Vuejs
Angular
Angular is a UI framework for building mobile and desktop Web applications. It’s built using JavaScript, and you can use it to build amazing client-side applications using HTML, CSS, and JavaScript. Angular solves many of the challenges of developing single-page, cross-platform, high-performance applications. It is fully extensible and works well with other libraries.
Learning map
The Learning map simply provides some learning advice, along with some familiar tools and techniques for better skill development and project development.
Learning resources: Awesome Angular
Ember
Ember is a component services framework that focuses on the overall Web application development experience, minimizing nuances between applications, while being a modern, lightweight framework based on native JavaScript. Ember also has powerful backward and forward compatibility to help businesses keep up with the latest versions of Ember and the latest community-driven conventions.
Learning map
The Learning map simply provides some learning advice, along with some familiar tools and techniques for better skill development and project development.
Learning Resources: [Awesome Ember](github.com/ember-commu…