Chapitre Web 01 comprendre le développement web

Phoenix Studying 2022-06-23 15:53:51 阅读数:62

chapitrewebcomprendreleveloppement


Web、Front End、Les relations à l'arrière - plan sont claires en un coup d'oeil

WebDéveloppement
WebLe développement se compose principalement de deux parties: le développement avant et le développement arrière.,L'avant - plan met davantage l'accent sur la présentation de la page et l'interaction avec l'utilisateur.,L'arrière - plan est davantage axé sur le traitement des données et l'accès aux services..

EtHTMLLa langue appartient au domaine de développement de première ligne.

Développement frontal
Le Front End est une page Web directement accessible à l'utilisateur,Il y en a habituellement sur les pages WebHTML、CSS、JavascriptEtc..

Développement de l'arrière - plan
Programme temporel du doigt arrière、Développement au niveau des bases de données et des serveurs.

Découvrez rapidement les trois premiers éléments

WebNormes élaborées
WebNormes à suivre pour le développement des applicationsWebCritères,Ici.WebUne norme est une collection de normes.La page Web se compose principalement de trois parties:Normes de construction(XML、HTMLEtXHTML),Critères de performance(CSS),Normes de conduite(DOM、Javascript)

HTML
HTMLContenu utilisé pour former une page Web,Le contenu est l'information que le Web Maker met sur la page pour que l'utilisateur puisse voir,Par exemple, le texte、Photos、Vidéo, etc,Simplement pour définir le contenu d'une page Web.

CSS
CSSDétermine la présentation du style de page,C'est l'expression du contenu.,Par exemple, la couleur de la police、Style de l'arrière - plan、Taille du titre, etc..

Javascript
Javascript Est utilisé pour définir l'interaction sur une page web ,Contrôler le comportement des pages Web, Par exemple, pop - up 、 Page ouverte et fermée 、 Conseils pour saisir le contenu, etc .
Bien sûr, il est maintenant généralement développé avec un cadre , Le cadre de développement actuel du Mainstream domestique est Vue、React,Mots étrangersReactAvec plus.

webOutils de développement recommandés

Vscode
Le plus recommandé ici pour les débutants VSCode,Pour navigateurchrome

vscodeTélécharger l'adresse:https://code.visualstudio.com

Visual Studio Code C'est Microsoft qui l'a lancé pour webÉditeur de code développé,Avec Open Source、Haute performance、 Caractéristiques de bonne extensibilité .

Avantages:

  • Gratuit
  • Haute performance
  • Configuration personnalisée
  • Les conseils de code sont puissants
  • L'extension est puissante et facile à installer

VScodeRecommandation du plug - in
Pour les contacts récentsvscodePour les gens, .Essayez d'abord les plugins recommandés par ces deux blogueurs :
https://blog.csdn.net/qq_37860930/article/details/102561403
https://blog.csdn.net/win7583362/article/details/79315055

Pour quelques petits projets ,Utiliservscode Le développement n'est pas un problème .
vscode Mieux pour les débutants , Pour les grands projets ,Je recommandeWebstromDéveloppement.

Ce sont des outils de développement particulièrement populaires dans les projets de séparation avant et arrière , S'il n'y a pas de séparation avant - arrière ,En tant queJava Développeur de Backend pour , Si tu n'es pas paresseux ,IDEA,Eclipse Il soutient également le développement frontal .

VScode Autres utilisations merveilleuses
Tout d'abord,,Nous devons savoir,vscodePas un seul.IDE, C'est l'éditeur , L'éditeur est naturellement capable d'éditer n'importe quel texte , Mais son plug - in est assez puissant , Fais - le comme ça. IDE Aussi fort que .

  • markdownÉditeur
    Si vous connaissez bienmarkdownSyntaxe de, Il est utilisé pour éditer md Les dossiers sont aussi confortables , Et peut être installé markdown Le plugin est utilisé pour prévisualiser
  • Pour ouvrir divers fichiers
    Comme d'habitude.xml,javaDocumentation, Comme ouvrir temporairement un .javaDocumentation,Bien qu'il puisse être utiliséideaOuvre., Mais la vitesse d'ouverture par rapport à vscodeC'est encore plus lent..

RecommandationswebDocuments d'apprentissage connexes

W3school

Copyright:Cet article est[Phoenix Studying]Établi,Veuillez apporter le lien original pour réimprimer,remercier。 https://fra.fheadline.com/2022/174/202206231524148752.html