En fait, Java ne représente pas une grande partie des connaissances front-end, mais front-end et back-end doivent toujours être combinés pour former un site Web ou une application complet. Voici une introduction générale au parcours d'apprentissage de. Front-end Java, pour référence uniquement.
Cours recommandé : Tutoriel Java.
Contenu d'apprentissage Java front-end :
La première étape - Apprentissage HTML
Le langage de balisage hypertexte (HTML en abrégé) est le squelette d'une page Web. Qu'il s'agisse d'une page Web statique ou d'une page Web dynamique, ce qui est finalement renvoyé au navigateur est le code HTML. Le navigateur interprète le HTML. code et le restitue aux utilisateurs. Par conséquent, nous devons maîtriser la structure de base ainsi que les balises et attributs communs du HTML. L'apprentissage du HTML est un processus de mémorisation et de compréhension. Au cours du processus d'apprentissage, vous pouvez utiliser la vue « fractionnée » de Dreamweaver pour faciliter l'apprentissage. Découvrez les effets dans la vue « Conception », apprenez l'essence dans la vue « Code » et maximisez les avantages des différentes vues. Cette méthode d'apprentissage comparatif compense l'ennui de la simple mémorisation des balises et des attributs HTML. au petit ami de tous les débutants. Ça doit être génial pour nous !
Après avoir appris le HTML, nous n'avons maîtrisé que les méthodes de production de diverses « matières premières ». Si nous voulons construire un bâtiment, nous devons utiliser ces « matières premières » selon. notre Le schéma de conception est élaboré et quelques embellissements sont effectués.
La deuxième étape - l'apprentissage du CSS
CSS est l'abréviation de l'anglais Cascading Style Sheets, appelées feuilles de style en cascade, qui peuvent véritablement faire des pages Web un style langage de conception qui sépare la présentation du contenu. Par rapport aux performances du HTML traditionnel, ses styles peuvent être réutilisés, ce qui améliore considérablement notre vitesse de développement et réduit les coûts de maintenance. Dans le même temps, le modèle de boîte, la disposition relative, la disposition absolue, etc. en CSS peuvent permettre un contrôle précis au niveau des pixels de la position et de la disposition de chaque objet dans la page Web. Grâce à cette étape d’apprentissage, nous pouvons mener à bien la construction d’un « bâtiment ».
Une fois la construction du « bâtiment » terminée, nous pouvons le remettre aux utilisateurs pour qu'ils l'utilisent, mais si nous voulons que les utilisateurs aient une meilleure expérience, nous pouvons également « décorer » davantage le « bâtiment » pour donnez-lui un aspect plus "luxueux".
La troisième étape - Apprentissage Java
Java est un langage de script largement utilisé côté client. Java nous fournit des fonctions, des objets et du DOM intégrés. opérations, avec l'aide de ces contenus, nous pouvons implémenter certaines
Les effets spéciaux côté client, la vérification, l'interaction, etc. rendent nos pages moins ennuyeuses, et diaosi contre-attaque instantanément les riches et les beaux. Est-ce possible ? La compatibilité et la complexité de Java nous donnent parfois mal à la tête, mais heureusement il y a un ! "maître" Nous a aidé avec l'emballage.
La quatrième étape - apprendre jQUEry
jQuery est une bibliothèque Java légère et open source gratuite et est compatible avec divers navigateurs (jQuery 2.0 et les versions ultérieures ont abandonné la prise en charge des navigateurs IE6/7/8). Dans le même temps, il existe de nombreux plug-ins basés sur jQuery parmi lesquels choisir, ce qui nous permet de mettre en œuvre plus facilement et plus rapidement des effets dynamiques riches et d'économiser beaucoup d'énergie. de l'argent. Notre temps de développement a augmenté la vitesse de développement, ce qui reflète pleinement son objectif principal : écrire moins, faire plus. C'est génial ! Est-ce possible ?
Le « bâtiment de luxe » a été construit, mais c'est tellement fastidieux de construire le bâtiment comme ça tous les jours, jour après jour, année après année, est-ce possible ! ne serait-il pas formidable de modulariser chaque composant du bâtiment et de les assembler comme
empiler des blocs lors de la construction d'un bâtiment ?
Cette idée convient également au développement Web front-end, c'est pourquoi divers frameworks front-end sont apparus. Celui recommandé à tout le monde ici est Bootstrap.
Bootstrap est une boîte à outils open source pour le développement front-end lancée par Twitter. Il s'agit d'un framework CSS/HTML et prend en charge la mise en page réactive. Il est devenu très populaire une fois lancé et a toujours été un projet open source populaire sur GitHub. Pendant le processus de développement du projet, nous pouvons utiliser les styles CSS, les composants, les plug-ins Java, etc. fournis par Bootstrap pour compléter rapidement la mise en page et les paramètres de style, puis affiner les styles de manière ciblée. le développement basé raccourcit considérablement le cycle de développement. C'est cool de se tenir sur les épaules de géants !
Suggestions d'études pour le front-end Web
Un problème auquel il faut prêter attention lors de la mise en page CSS est que de nombreux étudiants n'ont pas une analyse globale de la mise en page et ne peuvent pas saisir la relation imbriquée entre les cases de la page d'un point de vue macro, ils se précipitent donc vers
Le faire à la main rendra la relation entre les éléments de la page très confuse et il est facile que les cases soient égarées lorsqu'elles flottent. Il est recommandé à chacun d'adopter l'idée de "de haut en bas et d'affiner progressivement" lors de l'aménagement.
Utilisez d’abord plusieurs cases pour diviser la page dans son ensemble, puis continuez progressivement à emboîter les cases dans les cases.
"Un gentleman n'est pas différent des autres et il est doué pour les fausses choses." Dans le processus d'apprentissage, vous devriez parcourir d'autres sites Web d'excellente qualité, être doué pour analyser et tirer parti de leurs idées de conception et de leurs méthodes de mise en page, et être bien informé à bien des égards, puis
Ce n’est qu’alors que nous pourrons tout comprendre et utiliser les forces des autres pour notre propre usage. Dans le même temps, vous devez savoir utiliser Firebug comme outil. D'une part, Firebug peut nous aider à déboguer nos propres pages pendant notre processus d'apprentissage. D'autre part, nous pouvons utiliser Firebug pour visualiser et analyser facilement le code source des sites Web d'autres personnes. "Voler" est aussi une compétence ! >
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!