Entwicklung von Webanwendungen für Unternehmen – Kurs 67.200 Rubel. von der Coddy School of Programming for Children, Ausbildung 8 Module (Monate)
Verschiedenes / / November 28, 2023
In vielen Unternehmen ist der Internetbrowser das wichtigste Arbeitswerkzeug der Mitarbeiter. In solchen Fällen ist es sinnvoll, Webanwendungen statt klassischer Desktop-Programme zur Organisation von Arbeitsabläufen zu nutzen. Sie funktionieren auf jedem Gerät mit Internetzugang und können gleichzeitig auf einem Laptop, einem Smartphone und einem großen Bildschirm ausgeführt werden. Da solche Anwendungen vielfältige Probleme lösen und viele Prozesse erleichtern können, entwickeln Unternehmen sie oft individuell und passend zu ihren Bedürfnissen. Programmierer, die in der Lage sind, sich das Problem eines Kunden anzuhören und eine effektive Webanwendung zur Lösung anzubieten, sind Gold wert.
Der Industriestandard für die Erstellung von Webanwendungen ist JavaScript, eine der beliebtesten und gefragtesten Programmiersprachen der Welt.
Wir haben einen Kurs für diejenigen entwickelt, die JavaScript lernen und an der Entwicklung von IT-Lösungen zur Lösung realer Probleme für das Unternehmen Evotor teilnehmen möchten.
Evotor ist Marktführer in der Handels- und Kleinunternehmensautomatisierung. Vereinfacht gesagt entwickelt das Unternehmen intelligente Terminals zum Bezahlen von Waren und Dienstleistungen, mit denen wir bequem mit Karte, Telefon oder Uhr bezahlen können. Evotor entwickelt außerdem Software, die Unternehmern hilft, Zahlungen anzunehmen und ihr Einkommen zu verwalten.
Der Kurs „Entwicklung von Webanwendungen für Unternehmen“ wurde für Kinder ab 13 Jahren erstellt. In diesen Kursen lernen die Studierenden nicht nur eine der beliebtesten Programmiersprachen der Welt, sondern durchlaufen auch den gesamten Zyklus Industrielle Entwicklung einer Webanwendung: von der Identifizierung des Problems bis zur endgültigen Verteidigung des Projekts vor Vertretern Kundenunternehmen.
Die besten Arbeiten können in die realen Geschäftsprozesse des Unternehmens implementiert werden, was zu einer hervorragenden Fallstudie im Portfolio eines zukünftigen Entwicklers wird.
Der Hauptteil des Kurses ist dem Erlernen von JavaScript und den Fähigkeiten gewidmet, Anwendungen von Grund auf zu erstellen. Nebenbei erlernen die Studierenden mehrere wichtige Soft Skills, ohne die die Präsentation eines Unternehmensprojekts nicht möglich ist:
Wir werden auch auf zugängliche Weise über Geschäftsrisiken, Stärken und Schwächen von Unternehmen, Aussichten für die Entwicklung des IT-Sektors sowie viele andere Themen sprechen, die für junge Entwickler wichtig sind.
Dies ist ein Kurs im Blended-Learning-Format – gemischtes Online- und Offline-Lernen. In dieser Symbiose bleibt die Motivation des Kindes maximal: Es hat keine Zeit, das im Unterricht Gelernte zu vergessen, verliert nicht den Kontakt zu Menschen und befindet sich ständig in einem kreativen Umfeld.
Kursleiter:
„Programmieren in JavaScript“, „Spiele programmieren in Python“, „Webprogrammierung“, „Bots in Python“, „Programmieren in Python3“, „Entwicklung von Webanwendungen für Unternehmen“
Ausbildung:
Northern Arctic Federal University. Lehrer Ausbildung.
Berufserfahrung:
Seit über 3 Jahren unterrichtet sie Kinder in Informatik. Ständige Verbesserung. Ich habe an der Moskauer Schule für Programmierer studiert, unzählige Online-Kurse besucht und habe nicht vor, damit aufzuhören. Lehrer des Yandex. Lyzeum.“ Programme in Python, C++ und JavaScript. In seiner Freizeit erstellt er Websites, Webanwendungen und benutzerdefinierte Chatbots.
Interessen:
Liebt es, zu lernen und andere zu unterrichten. Er fährt lange Strecken Fahrrad und spielt Gitarre. „Um zu lernen, wie man einen Computer programmiert, muss man wie ein Computer denken und ein Computer werden.“
Monat 1
Tag eins – Einführung in JavaScript
Zweck der Lektion: Führen Sie die Schüler in die JS-Sprache, ihren Umfang und die wichtigsten Unterschiede zu anderen Sprachen ein. Schreiben Sie Ihr erstes JS-Programm mit Eingabe- und Ausgabefunktionen.
− Wofür wird JS verwendet?
− Ein- und Ausgabe von Informationen
− Was sind Variablen, let- und const-Direktiven?
− Grundlegende Datentypen in JS
Ergebnis der Lektion: Die Schüler lernten, wie man ein einfaches JS-Programm erstellt, Informationen auf dem Bildschirm anzeigt, Informationen vom Benutzer liest und sie in Variablen speichert.
Tag zwei – Mathematische und logische Operatoren
Zweck der Lektion: Lernen Sie, mathematische und logische Probleme mit JS zu lösen.
− Arithmetische Operatoren
− Vergleichsoperatoren
− Boolescher Datentyp
− Logische Operatoren
Ergebnis der Lektion: Beherrschte die mathematischen und logischen Fähigkeiten von JS zum Schreiben von Programmlogik. Zur Lösung mathematischer und logischer Probleme wurden mehrere Programme geschrieben.
Tag drei – Bedingte Anweisungen
Zweck der Lektion: Entdecken Sie Möglichkeiten, den Ablauf eines Programms mithilfe von bedingten Anweisungen zu steuern.
− if/else-Anweisungen
− Mehrfachverzweigung
− Ternärer Operator
− Reihenfolge der Auswertung logischer Ausdrücke
Unterrichtsergebnis: Die Studierenden lernten, nichtlineare Algorithmen mithilfe von Verzweigungsoperatoren zu implementieren. Erlangte ein tieferes Verständnis für die Arbeit mit logischen Ausdrücken. Wir haben ein einfaches Programm für eine nichtlineare Konversation mit dem Benutzer geschrieben.
Tag vier – Zyklen. While-Schleife
Zweck der Lektion: Lösen Sie das Problem der Durchführung ähnlicher Aktionen für eine große Datenmenge mithilfe von Schleifen.
− Konzept und Bedeutung des Zyklus
− while-Schleife
− Das Konzept der Iteration und des Iterators
Ergebnis der Lektion: Die Studierenden lernten, nichtlineare Algorithmen mithilfe von Verzweigungsoperatoren zu implementieren. Erlangte ein tieferes Verständnis für die Arbeit mit logischen Ausdrücken. Wir haben ein Spiel „Rate die Zahl“ oder ein ähnliches Spiel basierend auf einem Zyklus entwickelt.
Monat 2
Tag eins – Wiederholung grundlegender algorithmischer Strukturen. for-Schleife
Zweck der Lektion: Wiederholen und festigen Sie, was Sie im letzten Modul gelernt haben. Studieren Sie die neue for-Schleifenkonstruktion und ihre Vorteile gegenüber while.
− for-Schleife
− Break- und Continue-Anweisungen
− Aufzählung von Sequenzen
Ergebnis der Lektion: Wir haben das Studium der grundlegenden Syntax von JS abgeschlossen und die gewonnenen Erkenntnisse gefestigt.
Tag zwei – Massive
Zweck der Lektion: Erfahren Sie, wie Sie Arrays verwenden, um große Mengen ähnlicher Daten zu speichern und zu verarbeiten.
− Konzept und Deklaration von Arrays
− Array-Methoden
− Durchlaufen von Array-Elementen
− Mehrdimensionale Arrays
Ergebnis der Lektion: Die Studierenden lernten, große Datenmengen mithilfe von Arrays zu speichern und zu verarbeiten.
Tag drei – Arbeiten mit Strings
Zweck der Lektion: Lernen Sie, mithilfe der String-Funktionen von JS effektiv mit Textinformationen zu arbeiten.
− Anführungszeichen und Sonderzeichen
− Mit Zeichen arbeiten, Groß-/Kleinschreibung ändern
− Teilzeichenfolge suchen und abrufen
− String-Vergleich
− Konzept der Kodierung
Ergebnis der Lektion: Die Schüler lernten, JS-Tools zum Bearbeiten, Erstellen und Ändern von Text zu verwenden.
Tag vier – Funktionen
Zweck der Lektion: Lernen Sie, Programme mithilfe von Funktionen zu strukturieren.
− Funktionsdeklaration
− Variable Bereiche
− Funktionsparameter
− Werte zurückgeben
Ergebnis der Lektion: Die Schüler lernten, mithilfe von Funktionen schönen, verständlichen und strukturierten Code zu schreiben.
Monat 3
Tag eins – Objekte
Zweck der Lektion: Lernen Sie, miteinander verbundene Daten bequem mithilfe von Objekten zu speichern, und machen Sie sich mit den Grundlagen der objektorientierten Programmierung vertraut.
− Ein Objekt erstellen
− Schlüssel und Werte
− Objektmethoden
− Objektkonstruktoren
− Arrays von Objekten
Ergebnis der Lektion: Wir haben das Studium der JS-Tools zur bequemen Speicherung von Informationen abgeschlossen. Wir haben ein Programm „Telefonverzeichnis“ oder ähnliches geschrieben.
Tag zwei – Grundlagen des Layouts mit Bootstrap
Zweck der Lektion: Lernen Sie die Grundlagen von HTML und CSS. Machen Sie sich mit dem Bootstrap-Framework zum schnellen Erstellen von Schnittstellen vertraut.
− Grundlagen von HTML und CSS
− CSS-Klassen, Bootstrap-Komponenten
Ergebnis der Lektion: Die Studierenden lernten, wie man mit Bootstrap Schnittstellen erstellt. Wir haben die Schnittstelle für die To-Do-List-Anwendung erstellt.
Tag drei – Arbeiten mit dem DOM
Zweck der Lektion: Lernen Sie die Grundlagen des HTML-Layouts und die Verwendung von JS zum Bearbeiten von Elementen auf einer Seite.
− Nach Elementen auf einer Seite suchen
− Attribute und Eigenschaften von Elementen
− Ein Dokument ändern
Ergebnis der Lektion: Die Schüler lernten, wie man Seiteninhalte mit JS manipuliert. Wir haben die Datenstruktur für die To-Do-List-Anwendung durchdacht.
Tag vier – Veranstaltungen
Zweck der Lektion: Erfahren Sie, wie Sie mit Webseitenereignissen arbeiten und Ihre Funktionen daran binden
− Maus-, Tastatur- und Dokumentereignisse
− Erstellen von Event-Handlern
− Informationen über ein Ereignis und ein Element erhalten
Ergebnis der Lektion: Die Schüler lernten, mit Ereignissen in JS zu arbeiten. Sie schlossen die Arbeit an der Anwendung „To-Do-Liste“ ab.
Monat 4
Tag eins – Grundlagen von Git, NodeJS, NPM und Express
Zweck der Lektion: Bereiten Sie sich auf die Erstellung einer Webanwendung mit dem Express-Framework vor. Machen Sie sich mit den wichtigsten Werkzeugen für die Arbeit am Projekt vertraut
− Git, das Konzept des Commits, das Erstellen eines Repositorys
− Ausführen von JS-Programmen mit nodejs
− Abhängigkeiten mit npm verwalten
− Erstellen einer Anwendungsvorlage in Express
Ergebnis der Lektion: Die Studierenden erstellten mit Express eine Bewerbungsvorlage und bereiteten die notwendigen Tools für die Stelle vor.
Tag zwei – Pfade und Muster
Zweck der Lektion: Lernen Sie das Konzept von HTTP-Anfragen und -Pfaden in einer Webanwendung kennen. Erfahren Sie, wie Sie Seitenvorlagen erstellen und die erforderlichen Daten in diese einfügen.
− Den Anforderungspfad sowie GET- und POST-Anfragen verstehen
− Handler für Anfragen erstellen
− Schreiben von Seitenvorlagen für die Datenersetzung
Ergebnis der Lektion: Die Studierenden lernten die grundlegenden Tools zum Erstellen einer Webanwendung in Express kennen und schrieben einen einfachen Blog in JS.
Tag drei – Datenbanken und Controller
Zweck der Lektion: Erfahren Sie, wie Sie eine Datenbank mit einer Express-Anwendung verbinden und einfache Abfragen an die Datenbank durchführen.
− MongoDB und Mongoose
− Schreiben eines Schemas und Datenmodells
− JSON-Sprache
− Hinzufügen von Dokumenten zur Datenbank
− Empfangen von Dokumenten aus der Datenbank
Ergebnis der Lektion: Die Studierenden verknüpften die Datenbank mit einem Blog auf Express. Wir haben gelernt, wie man ein Schema und ein Datenmodell schreibt sowie Informationen aus der Datenbank hinzufügt und abfragt.
Tag vier – Benutzer und Anmeldung
Zweck der Lektion: Lernen Sie die Grundlagen der Arbeit mit Benutzerkonten in einer Express-Anwendung. Autorisierung und Authentifizierung.
− Erstellung von Benutzerkonten
− Speichern registrierter Benutzer in der Datenbank
− Middleware und geschützte Pfade
− Benutzerseite
Ergebnis der Lektion: Die Studierenden erlernten die Grundlagen der Arbeit mit Benutzerkonten in Webanwendungen. Autorisierung zum Blog auf Express hinzugefügt.
Monat 5
Tag eins – Teambuilding. Ausführliche Einführung in HTML
Zweck der Lektion: Teilen Sie die Gruppe in Teams auf, verteilen Sie Rollen und stellen Sie die Kommunikation innerhalb der Teams her. Erfahren Sie mehr über die Funktionen der HTML-Sprache.
− Teambuilding:
− Bildung von Teams
− Rollenverteilung innerhalb des Teams
− Kommunikation über den Slack-Messenger
− Entwicklung:
− Tags, Eltern und Kinder
− Einfache und doppelte Tags
− div- und semantische Tags
− Tag-Attribute
Ergebnis der Lektion: Wir begannen in Gruppen zu arbeiten und etablierten eine gruppeninterne Kommunikation. Die Studierenden wurden mit den Funktionen der HTML-Sprache vertrauter.
Tag zwei – Geschäftsziele und -vorgaben
Zweck der Lektion: Erfahren Sie mehr über die vorrangigen Geschäftsziele und Zielsetzungen von Unternehmen, lernen Sie, die Ziele eines konkreten Falles zu ermitteln (Feedback des Unternehmens ist erforderlich).
− Konzepte vorrangiger Geschäftsziele und Zielsetzungen
− Treffen mit Unternehmensvertretern
− Analyse der Informationen des Kunden
Ergebnis der Lektion: Nach der Lektion ist der Student in der Lage, zwischen Geschäftszielen zu unterscheiden, indem er das in der Lektion erworbene Wissen nutzt, Informationen des Kunden analysiert und das Ergebnis in Form des vom Kunden niedergeschriebenen Geschäftsziels bereitstellt.
Tag drei – Ausführliches CSS
Zweck der Lektion: Erfahren Sie mehr über die Funktionen der CSS-Sprache. Erfahren Sie mehr über die Trennung von HTML und CSS.
− Unterscheidung zwischen Inhalt und Design
− Selektoren und Spezifität
− Blockmodell
− Pseudoklassen
Ergebnis der Lektion: Die Studierenden lernten mehr über die Funktionen der CSS-Sprache.
Tag vier – User Story
Zweck der Lektion: Überlegen Sie sich ein Webanwendungsmodell (Feedback des Unternehmens ist erforderlich).
− Das Konzept der User Story
− Durchdenken der User Story Ihrer Anwendung auf der Grundlage eines zuvor festgelegten Geschäftsziels
− Arbeiten an einem Modell einer zukünftigen Webanwendung
Ergebnis der Lektion: In dieser Lektion lernten die Studierenden, was eine User Story ist, und erarbeiteten, basierend auf einem zuvor definierten Geschäftsziel, ein Modell für eine zukünftige Anwendung mit verschiedenen Mechanismen.
Monat 6
Tag eins – Flexbox
Zweck der Lektion: Erfahren Sie, wie Sie Blöcke auf einer Seite mit Flexbox-Tools bearbeiten.
− Was ist Flexbox?
− Container und Elemente in einem Container
− Grundlegende Positionierungseigenschaften
− Flexbox mit Bootstrap-Hilfsklassen
Ergebnis der Lektion: Die Studierenden lernten moderne Layout-Ansätze mithilfe von Flexbox kennen.
Tag zwei – Erstellen eines Layouts in Figma
Zweck der Lektion: Entwickeln Sie einen Webanwendungsprototyp in Figma.
− Merkmale und Merkmale von Figma
− Komponenten, Rahmen und Netze
− Arbeiten Sie am Anwendungslayout und berücksichtigen Sie dabei das Feedback, das Sie während der User Story-Phase erhalten haben
Ergebnis der Lektion: Die Studierenden erstellten mithilfe der Figma-Anwendung einen vorgefertigten Prototyp (Design-Layout) einer Webanwendung.
Tag drei – Teamarbeit. Tauchen Sie tief in Git ein
Zweck der Lektion: Lernen Sie, mit grundlegenden Git- und Github-Tools zu arbeiten.
− Inszenierung und Commit
− .gitignore-Datei
− Verzweigungen und Zusammenführung
− Remote-Repository, Push- und Pull-Befehle
Ergebnis der Lektion: Die Schüler lernten Teamarbeit mithilfe von Git-Tools.
Vierter Tag – Tauchen Sie tief in die Routing- und Controller-Funktionen in Express ein
Zweck der Lektion: Sehen Sie sich die verbleibenden Fragen zur Abfrageverarbeitung in Express an.
− Parameter anfordern
− Einstellung des Antwortcodes
− Router
− Empfangen von Post-Anfragedaten
− Umleiten
− Senden einer Datei
Ergebnis der Lektion: Die Studierenden erlangten ein umfassenderes Verständnis für die Arbeit mit Routing und Anfrageverarbeitung in der Express-Anwendung.
Monat 7
Tag eins – Arbeiten Sie an Ihren eigenen Projekten. Statische Dateien
Zweck der Lektion: Beginnen Sie mit der Umsetzung Ihrer Webanwendungen. Erfahren Sie, wie Sie statische Dateien in einer Express-Anwendung verarbeiten.
− Wie unterscheiden sich statische Dateien von dynamischen Informationen und warum sollten sie separat verarbeitet werden?
− Einrichten des Ablaufs für die Verarbeitung statischer Dateien
Ergebnis der Lektion: Die Studierenden arbeiteten weiterhin an ihren eigenen Projekten. Erfahren Sie, wie Sie in Express mit statischen Dateien arbeiten.
Tag zwei – Arbeiten Sie an Ihren eigenen Projekten. Eingehende Arbeit mit MongoDB und Mongoose
Zweck der Lektion: Arbeiten Sie weiter an Ihren Webanwendungen. Sehen Sie sich die verbleibenden Fragen zum Arbeiten mit einer MongoDB-Datenbank in Express an.
− Datentypen in Schemata
− Datenvalidierung und -speicherung
− Verschiedene Arten von Datenbankabfragen
Ergebnis der Lektion: Die Studierenden arbeiteten weiterhin an ihren eigenen Projekten. Erlangte ein tieferes Verständnis für die Arbeit mit Daten in Express mithilfe von MongoDB und Mongoose.
Tag drei – Arbeiten Sie an Ihren eigenen Projekten. Arbeiten Sie weiter mit Daten in Express
Zweck der Lektion: Arbeiten Sie weiter an Ihren Webanwendungen. Lernen Sie einige interessante Techniken für die Arbeit mit Daten in Express kennen.
− Asynchrone Datenanforderung
− Flash-Nachrichten auf der Seite
− Bearbeiten vorhandener Datensätze in der Datenbank
Ergebnis der Lektion: Die Arbeit an unseren eigenen Projekten geht weiter. Die Studierenden lernten, nützliche Techniken für die Arbeit mit Daten in Express zu implementieren.
Vierter Tag – Präsentation und öffentliche Rede
Zweck der Lektion: Beginnen Sie mit der Vorbereitung zum Schutz Ihrer Webanwendungen.
− Analyse des Themas und Zwecks der Präsentation (das Konzept der Präsentation: wo und warum sie verwendet wird, Erstellen einer Assoziationskarte für Ihr Thema, Verfassen einer vollständigen Textgeschichte zum ausgewählten Thema)
− Prototyping der Präsentation (Phasen der Präsentation, Identifizierung der logischen Einleitung, Hauptidee, Schlussfolgerungen)
Ergebnis der Lektion: Die Studierenden bereiteten sich auf die Verteidigung ihrer Webanwendungen vor, lernten die Bedingungen für eine erfolgreiche Präsentation kennen und übten das Schreiben ihrer eigenen Rede.
Monat 8
Tag eins – Arbeiten Sie an Ihren eigenen Projekten. Seitennummerierung
Zweck der Lektion: Beenden Sie die Arbeit an Webanwendungen, beheben Sie die neuesten Fehler und identifizieren Sie die neuesten Probleme. Erfahren Sie, wie Sie eine Paginierung durchführen (eine große Menge an Informationen auf mehrere Seiten aufteilen).
− Erstellen einer Paginierung
Ergebnis der Lektion: Die Arbeit an Webanwendungen geht in die letzte Phase. Die Studierenden erhielten abschließende Tipps für ihre Überarbeitung. Erfahren Sie, wie Sie Paginierung in Ihren Anwendungen verwenden.
Tag zwei – Bereitstellung der Anwendung auf dem Server
Zweck der Lektion: Erfahren Sie, wie Sie einen Server unter Linux einrichten, eine NodeJS-Umgebung einrichten und eine Anwendung unter Express bereitstellen.
− Registrieren Sie einen virtuellen privaten Server
− Grundlagen der Linux-Administration (Arbeiten mit Paketen, Benutzerverwaltung, SSH, Firewall)
− NodeJS auf dem Server installieren
− Prozessmanager PM2
Ergebnis der Lektion: Die Schüler lernten, wie sie ihren Server unter Linux einrichten, eine Umgebung erstellen und ihre Webanwendungen bereitstellen.
Tag drei – Präsentation und öffentliche Rede
Zweck der Lektion: Bereiten Sie sich weiterhin auf den Schutz Ihrer Webanwendungen vor.
− Präsentationsdesign (Grundlagen einer erfolgreichen Präsentation, Befüllen von Folien mit Textinformationen, Erstellen Sie eine Präsentation ohne die Hilfe vorgefertigter Layouts und entwickeln Sie Ihren eigenen Stil und Ihr eigenes Design Präsentationen)
− Öffentliches Reden (unabhängige Vorbereitung eines Textes zu einem gewählten Thema, Vorbereitung einer Präsentation für eine Rede, Verteidigung eines Projekts)
Ergebnis der Lektion: Die Schüler bereiteten sich weiterhin auf die Verteidigung ihrer Webanwendungen vor, lernten die Prinzipien des Präsentationsdesigns kennen und übten das öffentliche Reden.