[JAVA] Feuille de route et documents de référence pour l'auto-apprentissage du développement Web

Développement web

Rédigez un programme pour le premier départ pour vos amis. Tout en regardant cela, je fais une politique d'étude, je recherche moi-même sur cette base et j'étudie à l'aide de divers sites d'étude. Vous n'êtes pas obligé de tout essayer. Sera mis à jour de temps en temps. L'environnement est supposé être des fenêtres.

introduction

La programmation est facile à frustrer. N'essayez pas de tout comprendre, affichez-le dans une certaine mesure, apprenez la nouvelle chose suivante et faites de votre mieux pour ne pas vous ennuyer ou être frustré. Si vous avez des questions même si vous google, je pense que vous devriez demander à quelqu'un qui peut le faire dès que possible. Il est probable que vous perdiez votre temps.

Construction d'environnement de développement

Tout d'abord, créez un environnement de programmation sur votre propre ordinateur.

Installez VSCode

Ceci est un éditeur. J'écrirai un programme utilisant ceci. Présentation d'extensions utiles

commander

Il y a quelques commandes utiles à garder à l'esprit. L'utilisation de commandes réduit le stress et accélère le développement. Personnellement, je pense que le multi-en-tête est pratique. Fiche technique VScode

Installez la langue à utiliser

Je vous en montrerai plus tard, mais installez la langue que vous décidez d'utiliser. Exemple: Python Téléchargez le nouveau autant que possible dans un premier temps.

Utiliser les outils de développement de Google Chrome

Je pense qu'il vaut mieux utiliser Chrome comme navigateur. (Je ne l'ai jamais utilisé) Il sort par vérification de Ctrl + Shift + I ou clic droit, alors utilisons-le de différentes manières.

Utilisons Qiita

C'est une bonne idée d'écrire ce que vous avez appris, sans parler de la recherche. Vous pouvez utiliser autre chose que Qiita, mais je pense qu'il est bon de sortir ce que vous avez appris afin que vous puissiez organiser vos propres connaissances et vous y référer plus tard. Qiita est écrit en notation MarkDown. Référence → Mark Down Cheet Sheet

HTML et CSS

À proprement parler, HTML et CSS ne sont pas des langages de programmation mais des langages de balisage. Les matériels pédagogiques gratuits célèbres sont Progate, Paiza Learning et dot install. /)Etc. Après cela, voyons le document officiel autant que possible. Si vous voulez concevoir, concentrez-vous là-dessus. Si vous voulez faire du python ou du backend rapidement, faisons-le modérément.

HTML, CSS MDN etc.

JavaScript Si vous utilisez jQuery légèrement, vous pouvez comprendre comment utiliser JavaScript. Il est facile de penser que jQuery est vieux, mais je pense qu'il existe encore de nombreux sites qui l'utilisent réellement. Si vous voulez faire plus de front-end, react.js, vue.js, dactylographié, etc. Site d'apprentissage en ligne spécifique à JavaScript JS-Pro

Bootstrap Il est également intéressant de l'utiliser car la page peut être créée si rapidement que vous serez surpris. Je pense que aribnb a utilisé le bootstrap dans des endroits célèbres. Vous pouvez facilement créer une page WEB réactive. (Si vous ne comprenez pas le responsive, veuillez consulter [Introduction] Qu'est-ce que le responsive web design? Une explication détaillée du plan et comment le faire)

Production

Si vous parcourez chaque programme, etc., vous pouvez créer une page pour la sortie. Que diriez-vous d'une page d'auto-introduction? C'est un mauvais, mais je vais mettre le mien que j'ai fait correctement en utilisant Bootstrap comme référence. For Recruiter Page Ceci est mentionné dans les pages GitHub, qui est une fonction de Github décrite plus loin.

Langage de programmation

Chaque langue a ses propres caractéristiques et atouts. Regardez ceci pour les débutants en programmation! ← Il y a une explication des principales langues Pour vous habituer à la langue, essayez d'expliquer les questions passées des sites de programmation de compétition tels que AtCoder et HuckerRank. Je le recommande. Vous trouverez ci-dessous quelques-uns des principaux et leurs cadres Web. C

C++

C#

Go Echo、Gin

Dart Flutter

Java Spring

JavaScript Node.js, React.js, Vue.js

PHP CakePHP, Laravel

Python

En tant que pratique de Django, Django Brothers et [DjangoGirls](https: // tutorial.djangogirls.org/ja/) et ainsi de suite.

Ruby Ruby on Rails

Swift

Orientation objet

Découvrez les classes et les instances.

technologie web

Vous ne pouvez pas créer une application Web sans connaître certaines technologies Web. Découvrez les communications, les réseaux et la sécurité. J'ai lu "Introduction à la technologie Web pour devenir un professionnel", donc je l'ai résumé [Partie 1]

Base de données et SQL

Structure de la base de données, middleware tel que mysql, mécanisme de relation, etc. SQL est un langage pour les opérations de base de données.

Git Git est indispensable dans le développement, donc si vous visez des affaires, étudiez-le particulièrement bien. Saruwaka était assez facile à comprendre.

Docker Vous devez exécuter l'application que vous avez commencé à créer localement. Auparavant, il était nécessaire de créer un environnement virtuel avec Vagrant etc., mais les progrès technologiques ont également permis d'utiliser Dokcer sous Windows. Avec la mise à jour de Windows en avril, Windows 10 version 2004 vous permettra d'utiliser wsl2 et Docker Desktop pour Windows. Avec Dokcer, non seulement vous pouvez facilement configurer un serveur localement et exécuter des applications, mais vous pouvez également gérer l'infrastructure avec du code, de sorte que le coût d'apprentissage est un peu élevé, mais utilisons-le activement. Officiel Docker Présentation du conteneur et Docker le plus compréhensible au monde Introduction à Docker # 1 [Qu'est-ce que Docker]

Connaissance du cloud

Les principaux services cloud incluent GCP, AWS, Il existe Azure et Heroku. Vous pouvez l'utiliser pour un usage personnel dans le cadre gratuit, donc si vous souhaitez exécuter l'application, essayez de l'utiliser. Je crée également une application WEB à l'aide de GCP et Firebase.

Matériel utile

Recommended Posts

Feuille de route et documents de référence pour l'auto-apprentissage du développement Web
Matériel pédagogique Web pour apprendre Python
6 bibliothèques Python pour un développement et un débogage plus rapides
[Version 2020] Procédure de développement du robot personnel et ses précautions
[Pour les débutants] Django Commandes fréquemment utilisées et collection de références