Maison interface Web js tutoriel Quelles connaissances les ingénieurs front-end doivent-ils maîtriser ?

Quelles connaissances les ingénieurs front-end doivent-ils maîtriser ?

Jul 31, 2020 am 10:42 AM
css html javascript js

Quelles connaissances les ingénieurs front-end doivent-ils maîtriser ?

Quelles connaissances les ingénieurs front-end doivent-ils maîtriser ?

1. Maîtriser l'utilisation de HTML, CSS et Javascript. Le travail principal consiste à créer des pages statiques

2. >

3. Apprenez les frameworks avancés Angular, Vue, React, etc.


Front-end Web Framework

Après s'être familiarisé avec le HTML, le langage de script côté serveur, CSS et JavaScript, j'ai appris le Web les frameworks peuvent accélérer le développement Web et gagner du temps. Les frameworks facultatifs pour les programmeurs PHP incluent CakePHP, CodeIgniter, Zend, etc. Les programmeurs Python aiment utiliser Django et webpy, et les programmeurs Ruby utilisent souvent RoR.

À mesure que le Web devient de plus en plus standardisé, la technologie de composantisation Web continue d'innover et le développement de terminaux mobiles continue de se sublimer. Voici quelques frameworks front-end open source courants :

Bootstrap<.>

L'un des frameworks traditionnels, Bootstrap est basé sur HTML, CSS et JavaScript. Il est simple et flexible, ce qui accélère le développement Web.

html5-boilerplate

Ce framework peut rapidement créer une application Web ou un site Web robuste et adaptable.

Meteor

Meteor est une nouvelle génération de framework open source pour développer des applications Web en temps réel, qui peuvent terminer le développement dans un délai plus court.

UI sémantique

Cadre de composants d'interface utilisateur basé sur des principes efficaces du langage naturel

Foundation

Excellent framework front-end réactif

Matérialiser

Un framework front-end réactif et moderne basé sur la conception matérielle. Des styles par défaut et des composants personnalisés peuvent être fournis. De plus, Materialise améliore les animations et les transitions pour offrir aux développeurs une expérience fluide.

Pure

Un ensemble de petits modules CSS réactifs qui peuvent être utilisés dans presque tous les projets Web.

Vue

Vue.js est une bibliothèque permettant de créer des interfaces Web interactives. Il fournit une liaison de données MVVM et un système de composants composables avec une API simple et flexible.

Skeleton

Skeleton est une collection de petits fichiers JS et CSS qui permettent de développer rapidement de beaux sites Web, adaptés à divers appareils à écran, y compris les téléphones mobiles. Skeleton est développé sur la base d’une grille 960. Il s'agit d'un framework d'interface utilisateur.

Amaze UI

La première série de produits de framework frontal multi-écran HTML5 open source de Chine, avec une meilleure prise en charge de la composition chinoise et de riches composants localisés. Cette série de produits comprend Amaze UI Touch, un cadre de développement d'applications hybrides HTML5 spécifiquement destiné aux terminaux mobiles, et Amaze UI Web, conçu pour le développement de pages Web HTML5 multi-écrans. Parmi eux, Amaze UI Touch peut aider les développeurs à créer rapidement des applications mobiles HTML5 exclusives comparables aux applications natives grâce à des composants riches.

UIkit

Un framework frontal léger et modulaire pour un développement rapide et des interfaces Web puissantes.

Yui

Yahoo! UI Library (YUI) est une bibliothèque de fonctions JavaScript open source afin de créer une page Web hautement interactive, elle utilise AJAX, DHTML et DOM et d'autres technologies de codes. Il contient également de nombreuses ressources CSS. La licence d'utilisation est la licence BSD.

kissy

Un framework JavaScript multiterminal, modulaire, performant et facile à utiliser.

MUI

Le framework front-end le plus proche de l'expérience native de l'application.

Arale

Une bibliothèque de classes de base frontale ouverte, simple et facile à utiliser.

JX

JX est un framework frontal Web modulaire et non intrusif, particulièrement adapté à la création et à l'organisation d'applications Web à grande échelle de qualité industrielle.

GMU

GMU est une bibliothèque de composants d'interface utilisateur mobile basée sur zepto, fournissant des composants d'interface utilisateur simples et faciles à utiliser pour l'application Web et l'application Web !

ZUI

Framefront-end HTML5 open source

Clouda Touch.js

Touch.js est une bibliothèque de reconnaissance gestuelle et d'événements sur les appareils mobiles, également sur Baidu Développé pour une utilisation intensive en interne.

Tutoriels recommandés : "

PHP

" "Tutoriel JS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Bootstrap en Vue Comment utiliser Bootstrap en Vue Apr 07, 2025 pm 11:33 PM

L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.

Les rôles de HTML, CSS et JavaScript: responsabilités de base Les rôles de HTML, CSS et JavaScript: responsabilités de base Apr 08, 2025 pm 07:05 PM

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Le rôle de React dans HTML: Amélioration de l'expérience utilisateur Le rôle de React dans HTML: Amélioration de l'expérience utilisateur Apr 09, 2025 am 12:11 AM

React combine JSX et HTML pour améliorer l'expérience utilisateur. 1) JSX incorpore du HTML pour rendre le développement plus intuitif. 2) Le mécanisme DOM virtuel optimise les performances et réduit les opérations DOM. 3) Interface utilisateur de gestion basée sur les composants pour améliorer la maintenabilité. 4) La gestion des états et le traitement des événements améliorent l'interactivité.

Comprendre HTML, CSS et JavaScript: un guide pour débutant Comprendre HTML, CSS et JavaScript: un guide pour débutant Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Comment écrire des lignes fendues sur bootstrap Comment écrire des lignes fendues sur bootstrap Apr 07, 2025 pm 03:12 PM

Il existe deux façons de créer une ligne divisée bootstrap: en utilisant la balise, qui crée une ligne divisée horizontale. Utilisez la propriété CSS Border pour créer des lignes de fractionnement de style personnalisées.

Comment configurer le cadre de bootstrap Comment configurer le cadre de bootstrap Apr 07, 2025 pm 03:27 PM

Pour configurer le framework Bootstrap, vous devez suivre ces étapes: 1. Référez le fichier bootstrap via CDN; 2. Téléchargez et hébergez le fichier sur votre propre serveur; 3. Incluez le fichier bootstrap dans HTML; 4. Compiler les sass / moins au besoin; 5. Importer un fichier personnalisé (facultatif). Une fois la configuration terminée, vous pouvez utiliser les systèmes, composants et styles de grille de Bootstrap pour créer des sites Web et des applications réactifs.

Comment insérer des photos sur bootstrap Comment insérer des photos sur bootstrap Apr 07, 2025 pm 03:30 PM

Il existe plusieurs façons d'insérer des images dans Bootstrap: insérer directement les images, en utilisant la balise HTML IMG. Avec le composant d'image bootstrap, vous pouvez fournir des images réactives et plus de styles. Définissez la taille de l'image, utilisez la classe IMG-FLUID pour rendre l'image adaptable. Réglez la bordure en utilisant la classe IMG-border. Réglez les coins arrondis et utilisez la classe Roundée IMG. Réglez l'ombre, utilisez la classe Shadow. Redimensionner et positionner l'image, en utilisant le style CSS. À l'aide de l'image d'arrière-plan, utilisez la propriété CSS d'image d'arrière-plan.

Comment utiliser le bouton bootstrap Comment utiliser le bouton bootstrap Apr 07, 2025 pm 03:09 PM

Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton

See all articles