Galerie de cartes mentales Dix-huit ans de technologie front-end
Le résumé du contenu de la longue vidéo « Dix-huit ans de technologie front-end » permet de comprendre le contexte historique du développement de la technologie front-end. Plein d'informations utiles ~ Bienvenue pour aimer et collectionner !
Modifié à 2024-03-05 15:16:09Cent ans de solitude est le chef-d'œuvre de Gabriel Garcia Marquez. La lecture de ce livre commence par l'analyse des relations entre les personnages, qui se concentre sur la famille Buendía et raconte l'histoire de la prospérité et du déclin de la famille, de ses relations internes et de ses luttes politiques, de son métissage et de sa renaissance au cours d'une centaine d'années.
Cent ans de solitude est le chef-d'œuvre de Gabriel Garcia Marquez. La lecture de ce livre commence par l'analyse des relations entre les personnages, qui se concentre sur la famille Buendía et raconte l'histoire de la prospérité et du déclin de la famille, de ses relations internes et de ses luttes politiques, de son métissage et de sa renaissance au cours d'une centaine d'années.
La gestion de projet est le processus qui consiste à appliquer des connaissances, des compétences, des outils et des méthodologies spécialisés aux activités du projet afin que celui-ci puisse atteindre ou dépasser les exigences et les attentes fixées dans le cadre de ressources limitées. Ce diagramme fournit une vue d'ensemble des 8 composantes du processus de gestion de projet et peut être utilisé comme modèle générique.
Cent ans de solitude est le chef-d'œuvre de Gabriel Garcia Marquez. La lecture de ce livre commence par l'analyse des relations entre les personnages, qui se concentre sur la famille Buendía et raconte l'histoire de la prospérité et du déclin de la famille, de ses relations internes et de ses luttes politiques, de son métissage et de sa renaissance au cours d'une centaine d'années.
Cent ans de solitude est le chef-d'œuvre de Gabriel Garcia Marquez. La lecture de ce livre commence par l'analyse des relations entre les personnages, qui se concentre sur la famille Buendía et raconte l'histoire de la prospérité et du déclin de la famille, de ses relations internes et de ses luttes politiques, de son métissage et de sa renaissance au cours d'une centaine d'années.
La gestion de projet est le processus qui consiste à appliquer des connaissances, des compétences, des outils et des méthodologies spécialisés aux activités du projet afin que celui-ci puisse atteindre ou dépasser les exigences et les attentes fixées dans le cadre de ressources limitées. Ce diagramme fournit une vue d'ensemble des 8 composantes du processus de gestion de projet et peut être utilisé comme modèle générique.
Dix-huit ans de technologie front-end
Avant 2006
tendances technologiques
État actuel du front-end
Pages statiques
Chetuzaï
Art
Développement Web basé sur le backend
Technologie frontale
Tisseur de rêves
modèle
2006
tendances technologiques
État actuel du front-end
Le front-end est responsable d’une partie des tâches de traitement des interactions avec la page
Assister le back-end
Développement Web basé sur le backend
Technologie frontale
DIV
JQuery
Encapsuler JS
Traiter le HTML
gérer les événements
Créer une animation
AJAX
CSS
Toupet
Fonction
variable
Règles imbriquées
Héritage mixte
fonction
préprocesseur
Compilateur converti en CSS
Technologie back-end
JSP
PHP
"Le meilleur langage pour le Web"
Rubis
.Filet
2009
tendances technologiques
Le germe de l’ingénierie front-end
Technologie frontale
ES5 est sorti
normes unifiées
Ajouter des attributs de méthode
Node.js apparaît
Basé sur le moteur Chrome V8
Utiliser JS pour écrire des programmes côté serveur
Modèle d'E/S non bloquant
Gérer efficacement la concurrence
Émergence spontanée de normes
CommonJS(Node.js)
AMD (nécessite JS)
CMD(SeaJS)
Moins
Inspiré par Sass
2010
tendances technologiques
Les applications mobiles émergent
Site Web adaptatif
Séparation des extrémités avant et arrière
Pages statiques
Routage des pages
logique d'interaction
Ingénierie frontale
Efforts privés spontanés
Ingénierie complète
Produits frontaux
AngulaireJS
Technologie innovante
Liaison de données bidirectionnelle
injection de dépendance
Modulaire
rôle historique
Des changements révolutionnaires dans le développement Web
Poser les bases du cadre SPA
évaluer
cadre méritocratique
Concevoir un cadre front-end avec une réflexion back-end
Pensée MVC
Courbe d’apprentissage abrupte
Pas très populaire
Produits backend
Exprimer
Technologie innovante
Cadre back-end Node.js
application Web
API
rôle historique
Le développement d'applications back-end avec Node.js devient populaire
MNP
Technologie innovante
Outil de gestion de packages Node.js
Installer
partagé
gérer
rôle historique
Puissant écosystème communautaire open source
2011
tendances technologiques
Le cadre de l'interface utilisateur frontale apparaît
Produits frontaux
Amorcer
Cadre réactif pour l'interface utilisateur
Concept réactif Gongge
Styles et composants riches prédéfinis
Précurseur du framework d'interface utilisateur frontale
2012
tendances technologiques
Le développement de projets à grande échelle devient possible
Produits frontaux
Manuscrit
Activer le développement de projets de type JS
Pack Web
Outil d'empaquetage de modules
Grognement
Outil d'empaquetage de modules
2013
tendances technologiques
Direction des composants de développement front-end
Produits frontaux
Réagir
utiliser
Créer une interface interactive SPA
DOM virtuel
Composants
Flux de données unidirectionnel
Syntaxe JSX
importance
Changer la façon dont fonctionne le développement front-end
Composantisation
haute performance
haute efficacité
Gorgée
Construire des outils
Koa
La prochaine génération d'ExpressJS
But
Résoudre les lacunes d'ExpressJS
avantage
Programmation asynchrone
Clarté du code
Application flexible
Produits multiplateformes
Électron
Composition technique
Chrome
Noeud.js
utiliser
Cadre de développement d'applications de bureau multiplateformes
Créez des applications de bureau natives à l'aide des technologies Web
2014
tendances technologiques
Le front-end est entré dans l’ère HTML5 CSS3
Produits frontaux
Vue
Caractéristiques techniques
Avantages d'Angular
Avantages de Réagir
Communauté active
Norme HTML5
Caractéristiques techniques
répondre aux besoins
interactivité
multimédia
performance
nouvelles fonctionnalités
Éléments sémantiques
contrôle de formulaire
graphique
éléments multimédia
API Web
CSS3
Caractéristiques techniques
nouvelles fonctionnalités
coins arrondis
ombre
Pente
animation
transition
Disposition flexible
Jalons de l'époque
HTML5
CSS3
2015
tendances technologiques
Devenir de plus en plus puissant et parfait, mettre les pieds dans tous les pays d'Internet
JS n'est plus un script mais un langage
Les développeurs front-end sont appelés de vrais ingénieurs
Produits frontaux
Norme ES6
Caractéristiques techniques
Améliorations de la syntaxe JS
gentil
hériter
Promesse
Normes modulaires
Réagir natif
Caractéristiques techniques
Basé sur le framework React
Syntaxe JS
Syntaxe de réaction
application mobile native
Multiplateforme
IOS
Android
GraphQL
Caractéristiques techniques
Langage de requête API
Obtenez plusieurs ressources avec une seule demande
auto-description
2016
tendances technologiques
Divers frameworks légers émergent
Le développement est efficace et pratique
Produits frontaux
Pack Web
Caractéristiques techniques
Prise en charge du module ES
Outils de packaging de modules grand public
Suivant.js
Caractéristiques techniques
Basé sur le framework léger React
Rendu côté serveur
exportation statique
meilleure performance
Assistance SEO
Nuxt.js
Caractéristiques techniques
Framework léger basé sur Vue
Copiez la fonctionnalité de Next.js
Svelte
Caractéristiques techniques
Cadre frontal moderne
Ne pas utiliser VDOM
2017
tendances technologiques
VDOM
Atomisation CSS
Poser les bases du développement d'applications à grande échelle avec JS
Produits frontaux
CSS vent arrière
Caractéristiques techniques
atomisation
Composants par défaut du framework Next.js
Sass/Less a accompli sa mission historique
Battement
Caractéristiques techniques
Cadre d'applications mobiles multiplateformes
IOS
Android
la toile
Bureau
Produits backend
Nest.js
Caractéristiques techniques
SourceCadre angulaire
Modulaire
injection de dépendance
Décorateur
Créer des applications côté serveur
Frameworks dans l'écosystème Node.js
Aider TS à développer des applications à grande échelle
2018
tendances technologiques
L’essor des mini-programmes
L’essor du développement cross-end
Produits frontaux
Applets
Applet WeChat
Mini-programme DingTalk
Mini-programme Taobao
Mini-programme Feishu
Produits multiplateformes
UniApp
Caractéristiques techniques
Cadre de développement d'applications multiplateformes
IOS
Android
H5
Mini programmes pour chaque plateforme
Basé sur Vue
Taro
Caractéristiques techniques
Basé sur React
Développement d'applications multiplateformes
Copier UniApp
2019
tendances technologiques
Développement rapide de petits programmes
2020
tendances technologiques
La technologie et l’écologie ont mûri
Produits frontaux
Vue 3
Caractéristiques techniques
Modèle de développement combiné
Prise en charge des TS
API de composition
Vite
Caractéristiques techniques
Outils de création front-end
Mise à jour du module à chaud
Compiler à la demande
Combler les goulots d'étranglement des performances du Webpack
2021
tendances technologiques
Un écosystème plus riche
Produits frontaux
SvelteKit
Caractéristiques techniques
Correspond à Next.js
Correspond à Nuxt.js
Enrichir l’écosystème Svelte
2022
tendances technologiques
Le développement de Huawei Hongmeng utilise un langage frontal
Produits multi-finaux
ArcheTS
Caractéristiques techniques
Développement de l'application Hongmeng
Basé sur l'extension TS
2023
tendances technologiques
rouler en marche arrière
Produits frontaux
Actions du serveur
Caractéristiques techniques
Appartient à Next.js 14
Écrire du code côté serveur dans le composant
Appelé en plaisantant Next.php
2024
tendances technologiques
Pénétrer dans divers domaines
La spéculation s’estompe
développement calme
Produits frontaux
"Le front-end est mort"
"L'immortalité frontale"