Développement d'applications Web pour les entreprises - cours 67 200 roubles. de Coddy School of Programming for Children, formation 8 modules (mois)
Miscellanea / / November 28, 2023
Dans de nombreuses entreprises, le navigateur Internet constitue le principal outil de travail des salariés. Dans de tels cas, il est pratique d’utiliser des applications Web plutôt que des programmes de bureau classiques pour organiser les processus de travail. Ils fonctionnent sur n’importe quel appareil doté d’un accès à Internet et peuvent être exécutés simultanément sur un ordinateur portable, un smartphone et un grand écran. De telles applications peuvent résoudre une grande variété de problèmes et faciliter de nombreux processus. C'est pourquoi les entreprises les développent souvent individuellement, en fonction de leurs besoins. Les programmeurs capables d’entendre le problème d’un client et de proposer une application Web efficace pour le résoudre valent leur pesant d’or.
La norme industrielle pour la création d'applications Web est JavaScript, l'un des langages de programmation les plus populaires et les plus demandés au monde.
Nous avons développé un cours pour ceux qui souhaitent apprendre JavaScript et participer à la création de solutions informatiques pour résoudre les problèmes réels de l'entreprise Evotor.
Evotor est le leader du marché de l'automatisation du commerce et des petites entreprises. En termes simples, l'entreprise crée des terminaux intelligents pour payer des biens et des services, grâce auxquels nous pouvons facilement payer avec une carte, un téléphone ou une montre. Evotor développe également des logiciels qui aident les entrepreneurs à accepter des paiements et à gérer leurs revenus.
Le cours « Développement d'applications web pour les entreprises » a été créé pour les enfants à partir de 13 ans. Dans ces cours, les étudiants apprendront non seulement l'un des langages de programmation les plus populaires au monde, mais suivront également le cycle complet. développement industriel d'une application web: de l'identification du problème à la défense finale du projet devant les représentants entreprise cliente.
Le meilleur travail peut être mis en œuvre dans les processus commerciaux réels de l’entreprise, ce qui deviendra une excellente étude de cas dans le portefeuille d’un futur développeur.
La partie principale du cours est consacrée à l'apprentissage de JavaScript et aux compétences nécessaires pour créer des applications à partir de zéro. Chemin faisant, les étudiants maîtrisent plusieurs soft skills importantes, sans lesquelles il est impossible de présenter un projet d’entreprise :
Nous discuterons également de manière accessible des risques commerciaux, des forces et des faiblesses des entreprises, des perspectives de développement du secteur informatique, ainsi que de nombreux autres sujets importants pour les jeunes développeurs.
Il s'agit d'un cours au format d'apprentissage mixte - apprentissage mixte en ligne et hors ligne. C'est dans cette symbiose que la motivation de l'enfant reste maximale: il n'a pas le temps d'oublier ce qu'il a appris en classe, ne perd pas le contact avec les gens et est constamment dans un environnement créatif.
Enseignant du cours :
« Programmation en JavaScript », « Programmation de jeux en Python », « Programmation Web », « Bots en Python », « Programmation en Python3 », « Développement d'applications web pour les entreprises »
Éducation:
Université fédérale du Nord de l'Arctique. Formation des enseignants.
Expérience:
Elle enseigne l'informatique aux enfants depuis plus de 3 ans. En constante amélioration. J'ai étudié à l'École des programmeurs de Moscou, suivi d'innombrables cours en ligne et je n'ai pas l'intention d'arrêter. Professeur du Yandex. Lycée." Programmes en Python, C++ et JavaScript. Pendant son temps libre après l'enseignement, il crée des sites Web, des applications Web et des chatbots personnalisés.
Intérêts:
Aime apprendre et enseigner aux autres. Il fait du vélo sur de longues distances et joue de la guitare. "Pour apprendre à programmer un ordinateur, il faut penser comme un ordinateur, devenir un ordinateur."
Mois 1
Premier jour – Présentation de JavaScript
Objectif de la leçon: présenter aux étudiants le langage JS, sa portée et ses principales différences par rapport aux autres langages. Écrivez votre premier programme JS en utilisant les fonctions d'entrée et de sortie.
− A quoi sert JS ?
− Entrée et sortie d'informations
− Que sont les variables, les directives let et const
− Types de données de base en JS
Résultat de la leçon: Les étudiants ont appris à créer un programme JS simple, à afficher des informations à l'écran, à lire les informations de l'utilisateur et à les stocker dans des variables.
Deuxième jour - Opérateurs mathématiques et logiques
Objectif de la leçon: Apprenez à résoudre des problèmes mathématiques et logiques en utilisant JS.
− Opérateurs arithmétiques
− Opérateurs de comparaison
− Type de données booléen
− Opérateurs logiques
Résultat de la leçon : Maîtriser les capacités mathématiques et logiques de JS pour écrire la logique du programme. Plusieurs programmes ont été écrits pour résoudre des problèmes mathématiques et logiques.
Troisième jour - Déclarations conditionnelles
Objectif de la leçon: Explorez les moyens de contrôler le flux d'un programme à l'aide d'instructions conditionnelles.
− instructions if/else
− Branchements multiples
− Opérateur ternaire
− Ordre d'évaluation des expressions logiques
Résultat de la leçon: Les étudiants ont appris à implémenter des algorithmes non linéaires à l'aide d'opérateurs de branche. J'ai acquis une compréhension plus approfondie du travail avec des expressions logiques. Nous avons écrit un programme simple pour une conversation non linéaire avec l'utilisateur.
Quatrième jour - Cycles. Boucle while
Objectif de la leçon : Résolvez le problème de l'exécution d'actions similaires pour une grande quantité de données à l'aide de boucles.
− Concept et signification du cycle
− boucle while
− La notion d'itération et d'itérateur
Résultat de la leçon : Les étudiants ont appris à mettre en œuvre des algorithmes non linéaires à l'aide d'opérateurs de branche. J'ai acquis une compréhension plus approfondie du travail avec des expressions logiques. Nous avons créé un jeu « Devinez le nombre » ou un jeu similaire basé sur un cycle.
Mois 2
Premier jour - Répétition des structures algorithmiques de base. pour la boucle
Objectif de la leçon: Répétez et consolidez ce que vous avez appris dans le dernier module. Étudiez la nouvelle construction de boucle for et ses avantages par rapport à while.
− pour la boucle
− Déclarations Break et Continue
− Énumération des séquences
Résultat de la leçon: Nous avons terminé l'étude de la syntaxe de base de JS et consolidé les connaissances acquises.
Deuxième jour - Massifs
Objectif de la leçon: Apprenez à utiliser des tableaux pour stocker et traiter de grandes quantités de données similaires.
− Concept et déclaration des tableaux
− Méthodes de tableau
− Parcourir les éléments du tableau
− Tableaux multidimensionnels
Résultat de la leçon: Les étudiants ont appris à stocker et à traiter de grandes quantités de données à l'aide de tableaux.
Troisième jour - Travailler avec des cordes
Objectif de la leçon: Apprenez à travailler efficacement avec des informations textuelles en utilisant les capacités de chaîne de JS.
− Citations et caractères spéciaux
− Travailler avec des personnages, changer de casse
− Rechercher et obtenir une sous-chaîne
− Comparaison de chaînes
− Notion d'encodage
Résultat de la leçon: Les étudiants ont appris à utiliser les outils JS pour manipuler, créer et modifier du texte.
Jour quatre - Fonctions
Objectif de la leçon: Apprenez à structurer des programmes à l'aide de fonctions.
− Déclaration de fonction
− Portées variables
− Paramètres de fonction
− Renvoyer des valeurs
Résultat de la leçon : Les étudiants ont appris à écrire du code beau, compréhensible et structuré à l'aide de fonctions.
Mois 3
Premier jour - Objets
Objectif de la leçon : Apprenez à stocker facilement des données interconnectées à l'aide d'objets, familiarisez-vous avec les bases de la programmation orientée objet.
− Créer un objet
− Clés et valeurs
− Méthodes objets
− Constructeurs d'objets
− Tableaux d'objets
Résultat de la leçon : Nous avons fini d'étudier les outils JS pour un stockage pratique des informations. Nous avons écrit un programme « Phone Directory » ou similaire.
Deuxième jour – Bases de la mise en page à l'aide de Bootstrap
Objectif de la leçon: Apprenez les bases du HTML et du CSS. Familiarisez-vous avec le framework Bootstrap pour créer rapidement des interfaces.
− Bases du HTML et du CSS
− Classes CSS, composants Bootstrap
Résultat de la leçon: Les étudiants ont appris à créer des interfaces à l'aide de Bootstrap. Nous avons créé l'interface de l'application To Do List.
Troisième jour - Travailler avec le DOM
Objectif de la leçon : Apprenez les bases de la mise en page HTML et utilisez JS pour manipuler les éléments d'une page.
− Rechercher des éléments sur une page
− Attributs et propriétés des éléments
− Modifier un document
Résultat de la leçon : Les étudiants ont appris à manipuler le contenu d'une page à l'aide de JS. Nous avons réfléchi à la structure des données de l'application To Do List.
Quatrième jour - Événements
Objectif de la leçon: Apprenez à travailler avec les événements de pages Web et à y lier vos fonctions
− Événements de souris, de clavier et de document
− Création de gestionnaires d'événements
− Obtenir des informations sur un événement et un élément
Résultat de la leçon: Les étudiants ont appris à travailler avec des événements dans JS et ont réalisé des travaux sur l'application « To-Do List ».
Mois 4
Premier jour – Bases de git, nodejs, npm et express
Objectif de la leçon : Préparez-vous à créer une application Web à l’aide du framework Express. Se familiariser avec les principaux outils pour travailler avec le projet
− git, la notion de commit, création d'un dépôt
− Exécuter des programmes JS à l'aide de nodejs
− Gestion des dépendances avec npm
− Création d'un modèle de candidature dans Express
Résultat de la leçon : Les étudiants ont créé un modèle de candidature à l'aide d'Express et préparé les outils nécessaires pour le travail.
Deuxième jour - Chemins et modèles
Objectif de la leçon : Apprenez le concept de requêtes et de chemins http dans une application Web. Apprenez à créer des modèles de page et à y insérer les données nécessaires.
− Comprendre le chemin de la requête, les requêtes GET et POST
− Création de gestionnaires de requêtes
− Rédaction de modèles de pages de substitution de données
Résultat de la leçon : Les étudiants ont appris les outils de base pour créer une application Web dans Express et ont écrit un blog simple en JS.
Troisième jour - Bases de données et contrôleurs
Objectif de la leçon : Découvrez comment connecter une base de données à une application Express et effectuer des requêtes simples sur la base de données.
− MongoDB et Mongoose
− Rédaction d'un schéma et d'un modèle de données
− langage json
− Ajout de documents à la base de données
− Réception des documents de la base de données
Résultat de la leçon : Les étudiants ont connecté la base de données à un blog sur Express. Nous avons appris à écrire un schéma et un modèle de données, à ajouter et à interroger des informations à partir de la base de données.
Jour quatre - Utilisateurs et connexion
Objectif de la leçon: Apprenez les bases de l'utilisation des comptes d'utilisateurs dans une application Express. Autorisation et authentification.
− Création de comptes utilisateurs
− Sauvegarde des utilisateurs enregistrés dans la base de données
− Middleware et chemins protégés
− Page utilisateur
Résultat de la leçon : Les étudiants ont appris les bases de l'utilisation des comptes d'utilisateurs dans les applications Web. Ajout d'une autorisation au blog sur Express.
Mois 5
Premier jour - Team building. Introduction approfondie au HTML
Objectif de la leçon: Divisez le groupe en équipes, répartissez les rôles et établissez la communication au sein des équipes. Apprenez-en davantage sur les fonctionnalités du langage HTML.
− Constitution d'équipe :
− Constitution d'équipes
− Répartition des rôles au sein de l'équipe
− Communication via la messagerie Slack
− Développement :
− Tags, parents et enfants
− Balises simples et doubles
− balises div et sémantiques
− Attributs des balises
Résultat de la leçon : Nous avons commencé à travailler en groupe et établi une communication intra-groupe. Les étudiants se sont familiarisés avec les fonctionnalités du langage HTML.
Deuxième jour - Buts et objectifs commerciaux
Objectif de la leçon : Découvrez les buts et objectifs commerciaux prioritaires des entreprises, apprenez à déterminer les objectifs d'un cas spécifique (un retour d'information de l'entreprise est requis).
− Concepts de buts et d'objectifs commerciaux prioritaires
− Rencontre avec les représentants de l'entreprise
− Analyse des informations du client
Résultat de la leçon: Après la leçon, l’étudiant est capable de distinguer les objectifs commerciaux, en utilisant les connaissances acquises au cours de la leçon, analyse les informations du client et fournit le résultat sous la forme de l’objectif commercial écrit du client.
Troisième jour - CSS approfondi
Objectif de la leçon: Apprenez-en davantage sur les fonctionnalités du langage CSS. Découvrez la séparation des préoccupations entre HTML et CSS.
− Distinguer contenu et design
− Sélecteurs et spécificité
− Modèle de bloc
− Pseudo-classes
Résultat de la leçon : Les étudiants en ont appris davantage sur les fonctionnalités du langage CSS.
Quatrième jour – Témoignage utilisateur
Objectif de la leçon: Réfléchissez à un modèle d’application web (un retour de l’entreprise est requis).
− La notion de User Story
− Réfléchir à la user story de votre application en fonction d'un objectif business préalablement défini
− Travailler sur une maquette d'une future application web
Résultat de la leçon : Dans cette leçon, les étudiants ont appris ce qu'est une User Story et, à partir d'un objectif business préalablement défini, ont réfléchi à un modèle pour une future application avec diverses mécaniques.
Mois 6
Premier jour - Flexbox
Objectif de la leçon : Apprenez à manipuler les blocs sur une page à l'aide des outils Flexbox.
− Qu'est-ce que Flexbox
− Conteneurs et éléments dans un conteneur
− Propriétés de positionnement de base
− Flexbox utilisant les classes d'assistance Bootstrap
Résultat de la leçon: Les étudiants se sont familiarisés avec les approches de mise en page modernes à l'aide de Flexbox.
Deuxième jour - Construire une mise en page dans Figma
Objectif de la leçon: Développer un prototype d'application Web dans Figma.
− Caractéristiques et fonctionnalités de Figma
− Composants, cadres et treillis
− Travailler sur le layout de l'application, en tenant compte des retours reçus lors de l'étape User Story
Résultat de la leçon : Les étudiants, à l'aide de l'application Figma, ont créé un prototype prêt à l'emploi (mise en page de conception) d'une application Web.
Troisième jour - Travail d'équipe. Plongez dans Git en profondeur
Objectif de la leçon: Apprenez à travailler avec les outils de base de Git et Github.
− Mise en scène et commit
− Fichier .gitignore
− Branches et fusion
− Dépôt distant, commandes push et pull
Résultat de la leçon : Les étudiants ont appris le travail d'équipe à l'aide des outils Git.
Quatrième jour – Plongée approfondie dans le routage et les contrôleurs dans Express
Objectif de la leçon: Passez en revue les questions restantes sur le traitement des requêtes dans Express.
− Paramètres de requête
− Définition du code de réponse
− Routeur
− Réception des données de demande de poste
− Redirection
− Envoi d'un fichier
Résultat de la leçon: Les étudiants ont acquis une compréhension plus complète du travail avec le routage et le traitement des demandes dans l'application Express.
Mois 7
Premier jour - Travaillez sur vos propres projets. Fichiers statiques
Objectif de la leçon: Commencez à mettre en pratique vos applications Web. Découvrez comment traiter des fichiers statiques dans une application Express.
− En quoi les fichiers statiques diffèrent-ils des informations dynamiques et pourquoi devraient-ils être traités séparément
− Mise en place du flux de traitement des fichiers statiques
Résultat de la leçon: Les étudiants ont continué à travailler sur leurs propres projets. J'ai appris à travailler avec des fichiers statiques dans Express.
Deuxième jour - Travaillez sur vos propres projets. Travailler en profondeur avec MongoDB et Mongoose
Objectif de la leçon: Continuez à travailler sur vos applications Web. Passez en revue les questions restantes sur l’utilisation d’une base de données MongoDB dans Express.
− Types de données dans les schémas
− Validation et stockage des données
− Différents types de requêtes de base de données
Résultat de la leçon : Les étudiants ont continué à travailler sur leurs propres projets. J'ai acquis une compréhension plus approfondie de l'utilisation des données dans Express à l'aide de MongoDB et Mongoose.
Troisième jour - Travaillez sur vos propres projets. Continuer à travailler avec des données dans Express
Objectif de la leçon: Continuez à travailler sur vos applications Web. Apprenez quelques techniques intéressantes pour travailler avec des données dans Express.
− Demande de données asynchrone
− Messages flash sur la page
− Modification des enregistrements existants dans la base de données
Résultat de la leçon: Le travail se poursuit sur nos propres projets. Les étudiants ont appris à mettre en œuvre des techniques utiles pour travailler avec des données dans Express.
Jour quatre - Présentation et prise de parole en public
Objectif de la leçon: Commencez à préparer la protection de vos applications Web.
− Analyse du sujet et du but de la présentation (le concept de présentation: où et pourquoi elle est utilisée, créer une carte d'association pour votre sujet, rédiger un texte-histoire complet sur le sujet sélectionné)
− Prototypage de la présentation (étapes de la présentation, identification de l'introduction logique, de l'idée principale, des conclusions)
Résultat de la leçon: Les étudiants ont commencé à se préparer à défendre leurs applications Web, à découvrir les conditions d'une présentation réussie et à s'entraîner à rédiger leur propre discours.
Mois 8
Premier jour - Travaillez sur vos propres projets. Pagination
Objectif de la leçon: Terminez le travail sur les applications Web, corrigez les derniers bugs, identifiez les derniers problèmes. Apprenez à faire de la pagination (divisant une grande quantité d'informations en plusieurs pages).
− Création de pagination
Résultat de la leçon: Les travaux sur les applications Web entrent dans leur phase finale. Les étudiants ont reçu les derniers conseils pour leur révision. J'ai appris à utiliser la pagination dans vos applications.
Deuxième jour - Déploiement de l'application sur le serveur
Objectif de la leçon : Découvrez comment configurer un serveur sous Linux, configurer un environnement NodeJS et déployer une application sur Express.
− Enregistrez un serveur privé virtuel
− Bases de l'administration Linux (travail avec les packages, gestion des utilisateurs, ssh, pare-feu)
− Installer NodeJS sur le serveur
− Gestionnaire de processus PM2
Résultat de la leçon : Les étudiants ont appris à configurer leur serveur sous Linux, à créer un environnement et à déployer leurs applications Web.
Troisième jour - Présentation et prise de parole en public
Objectif de la leçon : Continuez à vous préparer à protéger vos applications Web.
− Conception de présentation (bases d'une présentation réussie, remplissage des diapositives avec des informations textuelles, créer une présentation sans l'aide de mises en page prêtes à l'emploi, développer votre propre style et design présentations)
− Prise de parole en public (préparation indépendante d'un texte sur un sujet choisi, préparation d'une présentation pour un discours, soutenance d'un projet)
Résultat de la leçon : Les étudiants ont continué à se préparer à défendre leurs applications Web, ont appris les principes de conception de présentations et ont pratiqué la prise de parole en public.