Frontend-utvecklare: webbplatser på HTML/CSS/JavaScript - kurs 18 000 rubel. från Coddy School of Programming for Children, utbildning 3 moduler (månader)
Miscellanea / / December 03, 2023
Ålder: 11-14 år
Nivå: för nybörjare.
Varaktighet: från 3 moduler (månader), från 24 timmar*.
Format: individuella och grupplektioner, offline och online (realtid).
Antal barn: från 1 till 8.
Pris:
från 750 rub./timme i en onlinegrupp,
från 850 rub./timme i en offlinegrupp,
från 1050 rub./timme individuellt online,
från 1980 rub./timme individuellt offline.
I den moderna världen strävar alla seriösa företag efter att skaffa sin egen webbplats, eftersom det är ett slags "visitkort" på Internet, utan vilket att göra affärer redan ser föråldrat, oseriöst och hopplös.
Under de senaste åren har yrket som webbmaster stigit till toppen av rankingen av de mest attraktiva och eftertraktade yrkena inom IT-området. I detta avseende finns det för närvarande fler och fler människor som är villiga att genomgå utbildning i att skapa webbplatser med repa och bemästra denna prestigefyllda specialitet för att få en stabil och anständig förtjänst. Vår programmeringsskola CODDY föreslår att du inte dröjer och anmäler ditt barn till kursen "Frontendutvecklare: Webbplatser på HTML/CSS/JavaScript" just nu! Syftet med denna kurs är att lära barn hur man skapar moderna webbplatser och introducera dem till grunderna i yrket som gränssnittsutvecklare.
Vad är webmastering och hur blir man en webmaster?
Webmastering är en uppsättning aktiviteter för utveckling, skapande, optimering och marknadsföring av webbplatser. Allt som på ett eller annat sätt har att göra med produktion och underhåll av sajter. Detta är en hel vetenskap som kräver vissa färdigheter och kunskaper inom många områden, såsom webbprogrammering, design, copywriting, SEO och andra.
På det moderna Internet kan vem som helst skapa sin egen hemsida. Men som regel lämnar kvaliteten på webbprojekt mycket övrigt att önska. För att en webbplats ska vara konkurrenskraftig måste du ta dig an frågan på ett kompetent sätt och involvera proffs i arbetet. Med hjälp av ett programmeringsspråk skapar programmeraren webbsidor och kombinerar dem till ett enda objekt, varefter han layoutar dem för korrekt visning i webbläsare. Särskild uppmärksamhet bör ägnas åt gränssnittet för den framtida platsen, för att säkerställa dess korrekta drift och säkerhet. Så, en professionell webbmaster gör allt ovanstående själv! Det här är en programmerare, webbdesigner, layoutdesigner, administratör och moderator, och ibland en SEO-copywriter rullad till en.
Vilka kunskaper och tekniker behöver du behärska för att bli webbansvarig?
Innan du blir webbansvarig måste du bekanta dig med och studera många tekniker, program och system. Här är de viktigaste stegen som kommer att lägga grunden för ditt framtida yrke:
1. Att lära sig HTML – hypertextmarkeringsspråk.
När du börjar lära dig HTML kommer du att förstå strukturen i ett webbdokument och lära dig hur du skapar enkla webbplatser.
2. Lär dig CSS – språk för webbsidans visningsstil. Tack vare införandet av CSS-stilar i dokumentet får sajten sin egen smak och unika utseende. Du kan ställa in färg, storlek, bakgrund och mycket mer på webbsidan.
3. Introduktion till CMS – innehållshanteringssystem eller "motor" för webbplatsen.
4. Bemästra Adobe Photoshop – en grafisk redaktör med otroligt många möjligheter. Många specialister använder det för att rita mönster och skapa sina egna original och högkvalitativa layouter.
5. Grundläggande kunskaper i programmeringsspråk. De allra flesta webbplatser använder PHP och JavaScript. Sajtens hastighet, dess säkerhet, möjliga skalbarhet och stöd från tredjepartsutvecklare beror på kvaliteten på de skrivna skripten. Du behöver med andra ord kunna skriva kvalitetskod.
6. Arbeta med databaser.
Och viktigast av allt, webmastern måste skapa ursprungliga webbplatser. Med intåget av färdiga lösningar för alla populära CMS, är en webbplats med en original, icke-malldesign mer efterfrågad än någonsin. En professionell webbmaster kan inte bara arbeta med en uppsättning färdiga program, utan också skriva dessa färdiga program. För att nå denna nivå måste du arbeta hårt. Och vår kurs "Frontendutvecklare: Webbplatser på HTML/CSS/JavaScript" hjälper ditt barn att ta de första självsäkra stegen i denna svåra uppgift. Under ledning av erfarna pedagoger kommer han att lära sig att skapa informativa webbplatser som har original grafisk design.
Under utbildningsprocessen kommer följande ämnen att studeras:
1. Grunderna i Hypertext Markup Language (HTML) och Cascading Style Sheets (CSS)
2. layout av moderna webbplatser
3. fördjupad studie av funktionerna i webbsidestiling
4. grunderna i att arbeta med Adobe Photoshop och att arbeta med layouter för webbdesign
I det inledande skedet kommer vi att bekanta oss med grunderna i yrket som webbgränssnittsutvecklare och studera reglerna bygga strukturen och logiken för webbplatser, få praktiska programmeringsfärdigheter webbgränssnitt. Varje elev kommer att lära sig grunderna för att skriva HTML och CSS-kod.
När det här ämnet är klart kommer ditt barn att skapa sin egen moderna webbplats.
Den andra modulen innehåller en fördjupad studie av webbgränssnittsprogrammeringsverktyg. I denna modul kommer vi att fortsätta vår introduktion till HTML och CSS. Studenterna kommer att bekanta sig med algoritmen och strukturen för att skapa moderna webbplatser i praktiken, självständigt skapa ett interaktivt bildgalleri och publicera sitt projekt på Internet.
Under den tredje modulen kommer vi att fortsätta vår bekantskap med yrket webbutvecklare, få praktiska färdigheter i att arbeta med Adobe Photoshop och studera moderna webbdesignverktyg. I stadiet av att skapa en webbdesign kommer studenten att få grundläggande färdigheter i att arbeta i en grafikredigerare. Vi kommer att analysera olika webbdesignalternativ, diskutera fördelar och nackdelar med var och en och ta reda på hur designen kan förbättras.
I slutet av kursen kommer jag och mina studenter att skapa en webbplats med en färdig designlayout med de senaste webbprogrammeringsverktygen och publicera resultatet av vårt arbete på Internet.
11
kurserKurslärare:
"Minecraft: Introduktion till artificiell intelligens", "Unity 3D", "Frontendutvecklare: HTML/CSS/JavaScript-webbplatser", "Rita i animestil", "Programmering för de minsta", "Minecraft-programmering", "Designtänkande", "Bots i Python", "Photoshop grafisk design", "Videobloggin"
Utbildning:
Ett flertal kurser för att förbättra IT-kunskaper i internationella företag (Chatbot Hackathons, Prototyping inom området artificiell intelligens, IT-arkitektur, etc.). Universitetet i Heilbronn, Heilbronn, Tyskland (Master of Business Administration). Belarusian State Economic University, Minsk, Vitryssland (Master of Business Administration).
Erfarenhet:
Han sysslar med klientrådgivning av juridiska system, system för revisionslösningar och processautomation, arbetar inom det innovativa IT-området och en start-up i Tyskland i ett internationellt företag.
Intressen:
Personlig utveckling, passion för att dela kunskap, nätverkare, världsöppnare, livsdesigner, sportaktivist.
"Idag är hela världen sammankopplad: människor, länder, ekonomier, teknologier, etc. Programmering är en nyckelkompetens för framtiden. Det hjälper dig att bättre förstå framtidens värld, aktivt forma den och vara en innovativ medlem i ett spännande samhälle utan gränser. Förmågan att koda öppnar oändliga dörrar till framtiden för våra barn i den här världen och gör dem till ambassadörer för ny teknik.”
9
kurserKurslärare:
"Minecraft: Introduktion till artificiell intelligens", "Unity 3D", "Frontendutvecklare: HTML/CSS/JavaScript-webbplatser", "Rita i animestil", "Programmering för de minsta", "Minecraft-programmering", "Designtänkande", "Bots i Python", "Photoshop grafisk design", "Videobloggning"
Utbildning:
Flera kurser för att förbättra IT-kunskaper i internationella företag (SAP, processautomation, e-handel). FOM University of Stuttgart, Stuttgart, Tyskland (Master of Business Administration) Karaganda State Technical University, Karaganda, Kazakstan.
Erfarenhet:
Grundare av en framgångsrik elbutik online i Tyskland, engagerad i kundrådgivning inom området för automatisering av försäljningsprocesser, arbetar inom området IT-försäljning i Tyskland i den internationella företag.
Intressen:
Resor, fiske, sport, schack.
I. Goethe sa: "Du kan bara lära dig det du älskar"
1:a modul
Första dagen
Grunderna i webbsidans layout
- HTML-dokumentstruktur
- Första webbsidan med HTML-markeringsspråk
- Vi presenterar Sublime Text 3 Editor
Resultatet av lektionen: skapade den första webbsidan, lärde sig grundläggande sätt att markera text med taggar.
Praktisk uppgift: skapa en webbsida med HTML-markeringsspråk.
Andra dagen
Div element och tagg attribut
- Arbetar med webbinspektören
- Skapa en flersidig webbplats
- Lär dig nya taggelement och attribut
Resultatet av lektionen: lärt sig hur man lägger till länkar och bilder på sajten, lagt till attribut till taggar
Praktisk uppgift: skapa din första flersidiga webbplats.
Dag tre
Cascading Style Sheets
- Introduktion till Cascading Style Sheets
- Styling HTML-element
- Använda väljare
- Installera och arbeta med Emmet-plugin och lägga till Lorem-text
Resultatet av lektionen: lärt sig att ändra bakgrundsfärg och textfärg för HTML-element, använda två typer av väljare, skapa Lorem-text med Emmet-plugin
Praktisk uppgift: ändra utseendet på sidan med CSS-egenskaper.
Dag fyra
Jaguars hemsida skapas
- Skapande av en flersidig Jaguar-webbplats
- Skapa en projektfilstruktur
- Arbetar med stoppning och stoppning av element
Resultatet av lektionen: lärde sig att arbeta med en extern CSS-fil, blev bekant med den externa och interna utfyllnaden av element.
Praktisk uppgift: skapa en Jaguar-webbplats med flera sidor.
2:a modulen
Första dagen
Boxmodell i CSS
- Boxmodell i CSS
- Skapa ovanligt formade block
- Arbeta med egenskapen box-sizing för att ändra hur ett elements bredd och höjd beräknas
Resultatet av lektionen: lärt sig att skapa block med ovanliga former, använda egenskapen box-sizing med gränsboxvärdet för att korrekt beräkna bredden på ett element och ställa in storleken på element i olika måttenheter
Praktisk uppgift: skapa kort med text med hjälp av egenskapsvärden för olika boxstorlekar.
Andra dagen
Avancerad textmanipulation i CSS
- Olika typer av typsnitt
- Välja typsnitt för webbplatser
- Skapa nya stilar som låter dig anpassa textvisning på en avancerad nivå
Resultatet av lektionen: skapade en sida med olika typer av typsnitt, förbättrade textens utseende och läsbarhet med de godkända egenskaperna.
Praktisk uppgift: skapa en sida med grundläggande teckensnitt.
Dag tre
Positioneringselement i CSS
- Arbetar med flytegendomen
- Typer av placering av element på sidan
- position egendom
Resultatet av lektionen: lärt sig att arbeta med flyt- och positionsegenskaperna, skapa textomslutning runt bilder
Praktisk uppgift: skapa en webbsida och placera element på den med hjälp av flyt- och positionsegenskaper
Dag fyra
Skapa en bloggsida
- Skapa en bloggsida
- Elementpositioneringsegenskaper för att placera menyer och inlägg på sidan
- Semantiska taggar
Resultatet av lektionen: lärde sig att arbeta med semantiska taggar med hjälp av positioneringsegenskaper, placerade bloggens huvudkomponenter på sidan
Praktisk uppgift: skapa en bloggsida med hjälp av semantiska taggar
3:e modul
Första dagen
Pseudo-klasser och att arbeta med bilder i CSS
- Använda bakgrundsbilder på en webbsida
- Pseudoklasser svävar, aktiva och besökta
- Ändra stilen för ett element när du aktiverar en pseudoklass på ett annat element
- Skapa bakgrundsmönster
Resultatet av lektionen: lärt sig hur man arbetar med bakgrundsbilder, studerat egenskaper för att arbeta med bilder
Praktisk uppgift: lägg till externa ändringar i element när du håller muspekaren över dem med muspekaren.
Andra dagen
FlexBox i CSS
- Arbeta med CSS Flexible Box Layout
- Egenskaper för att rikta in element i en Flex-behållare
- Flex-frog pedagogiskt spel
Resultatet av lektionen: lärde sig att arbeta med Flex-teknik för att skapa flexibla layouter, slutförde flex-frog-spelet för att konsolidera materialet som omfattas
Praktisk uppgift: slutföra flex-frog-spelet för att konsolidera det täckta materialet
Dag tre
Utveckling av Sneakersbutikens hemsida. Del 1
- Skapa en webbplatsstruktur med modeller
- Ansluter till en typsnittswebbplats
- Egenskaper för webbplatshuvudet och dess underordnade element
- Funktioner för att skapa en övertoningssidabakgrund
Resultatet av lektionen: skapade en webbplatsstruktur med modeller, kopplade typsnittet till webbplatsen.
Praktisk uppgift: välj och ladda ner bilder med modeller, lägg till en skugga i sidhuvudet
Dag fyra
Utveckling av Sneakersbutikens hemsida. Del 2
- Slutför arbetet på webbplatsen
- Skapa ett block med kort
- Ändra beteendet hos element när du håller muspekaren över dem
- FlexBox-teknik för kortpositionering
Resultatet av lektionen: skapat en webbplats med modellkort
Praktisk uppgift: lägg till ett galleri med FlexBo-teknik
4:e modul
Första dagen
Rutnätslayout i CSS
- Introduktion till Grid-systemet
- Skapa en sida med hjälp av Grid
- Egenskaper för avancerat arbete med Grid-celler
Resultatet av lektionen: studerade det tvådimensionella layoutsystemet (CSS Grid Layout), lärde sig hur man placerar Grid-celler på sidan.
Praktisk uppgift: slutföra rutnätsträdgårdsspelet för att konsolidera det täckta materialet.
Andra dagen
Pseudoelement efter och före
- Pseudoelement före och efter
- Kombinera en bild med text inuti
- Element med första bokstaven och första radens pseudoelement
Resultatet av lektionen: lärt sig att arbeta med pseudoelement före, efter, första bokstaven och första raden, kombinera pseudoelement med olika egenskaper för att skapa vackra block
Praktisk uppgift: skapa ett element med hjälp av efter och före pseudoelement.
Dag tre
Animationer och transformationer i CSS
- CSS-transformationer
- Tillämpa transformationer på HTML-element
- Skapa animerade block i CSS
- Tillämpa timingfunktioner på nyckelbildrutor
Resultatet av lektionen: lärt sig att arbeta med transformationer i CSS, skapa oändliga animationer i CSS.
Praktisk uppgift: skapa en knapp, lägg till transformationer till den när du håller muspekaren.
Dag fyra
Träna på att skapa animationer i CSS
- Tillämpning av animation och transformation i praktiken
- Skapa ett animerat omloppssystem av planeter i vårt solsystem
Resultatet av lektionen: skapat en sida som visar planeternas rörelse i solsystemet och en animerad bakgrund.
Praktisk uppgift: skapa ett animerat omloppssystem av planeter i vårt solsystem.
5:e modul
Första dagen
Skapande av en webbutik
- Vad är en webbutik?
- Skapa en projektstruktur
- Projektuppsättning
Resultatet av lektionen: börjat skapa en webbutik.
Praktisk uppgift: välj ikoner som ska användas på webbplatsen.
Andra dagen
Skapa en onlinebutikshuvud
- Variabler i CSS och hur man använder dem
- Anslut teckensnitt till en extern stilmall med hjälp av url-funktionen
- Nätbutikshuvud, dess styling
- Lägga till ytterligare menyfunktioner med hjälp av programmeringsspråket JavaScript
Resultatet av lektionen: konfigurerade globala variabler i projektet, skapade en multifunktionell rubrik med en meny, kopplade en Javascript-fil för att lägga till ytterligare menyfunktioner.
Praktisk uppgift: lägg till att ändra bakgrunden på sidans rubrik när du rullar på sidan
Dag tre
Skapar den första skärmen med huvudprodukten
- HTML-struktur för presentationsblocket
- Gallersystem för korrekt visning av element
- CSS-egenskapsvärden med hjälp av variabler
- Stylingelement
Resultatet av lektionen: skapade presentationsdelen av webbutiken
Praktisk uppgift: skapa en presentationsdel av en webbutik
Dag fyra
Skapa ett block med populära produkter
- HTML-uppmärkning för ett block med produkter
- Styling för produktkort
- Rutnät för kortpositionering
- Stilisering av ett block med företagets historia
Resultatet av lektionen: skapat ett block med populära produkter och företagshistoria
Praktisk uppgift: lägg till extern och intern stoppning till element i blocket med företagets historia
6:e modulen
Första dagen
Skapa en reglage med kundrecensioner.
- Granskningsblock
- Sätt att skapa rullningsbara behållare i CSS
- egenskaper för scroll-beteende och scroll-snap-typ
- Slider förankringspunkter
Resultatet av lektionen: skapat en reglage med kundrecensioner med HTML och CSS.
Praktisk uppgift: lägg till ankarpunkter i huvudsektionerna på webbplatsen och skapa en automatisk rullning till dessa block när du klickar på knappen.
Andra dagen
Arbeta med formulär och videoinnehåll.
- HTML5-taggar för att infoga videoinnehåll på en webbplats
- Styla ett avsnitt med ett helskärmsvideoklipp
- Inmatningsfälttagg -, och dess attribut
- Tagga för att skapa formulär i HTML
- Styla ett textinmatningselement
Resultatet av lektionen: skapat ett avsnitt med en video och ett block med ett feedbackformulär
Praktisk uppgift: skapa ett feedbackformulär, styla elementen
Dag tre
Skapa en separat gallerisida
- Anpassat rutnät för en gallerisida
- Lägga till block med bilder i rutnätet
- Pseudo-element och olika animationer av block med bilder
- CSS-filter för att förbättra galleriets visuella design
Resultatet av lektionen: skapat en separat sida med ett fotogalleri
Praktisk uppgift: använda olika typer av positionering för att skapa en genomskinlig ovanlig bakgrund.
Dag fyra
Anpassning av innehåll för alla typer av enheter.
- Sätt att anpassa innehåll för mobila enheter
- Mediefrågor för att tillämpa olika egenskaper på samma element på enheter med olika bredd
- CSS-regler för tre typer av enheter
Resultatet av lektionen: Vi anpassade hemsidan för surfplattor och telefoner.
Praktisk uppgift: Använd mediefrågor, ändra egenskapsvärdena för HTML-element för att anpassa innehållet till alla typer av enheter
7:e modulen
Första dagen
Introduktion till Tailwind SS-ramverket.
- Vad är ramverk och hur påskyndar de projektutvecklingsprocessen?
- Installation av Tailwind CSS-ramverket och plugins
- Medvind CSS ramkoncept
- Arbeta med typografi och färger i Tailwind CSS
Resultatet av lektionen: skapade den första webbsidan med Tailwind CSS-ramverket.
Praktisk uppgift: skapa ett block med text, stilelement med hjälp av medvindsklasser.
Andra dagen
Medvindskurser för att skapa en responsiv webbplats
- Arbeta med Tailwind-klasser för att skapa en responsiv webbplats
- Klasser för att lägga till hovrings- och fokuseffekter
- Klasser för att lägga till skuggor till element
- Klasser för att arbeta med elementstorlekar
- Klasser för att arbeta med yttre och inre stoppning av element
Resultatet av lektionen: Vi skapade en anpassningsbar sida för alla typer av enheter.
Praktisk uppgift: skapa knappar, lägg till effekter när du klickar på dem med Tailwind-klasser
Dag tre
Tailwind Flex Layout.
- Arbeta med Tailwind Flex Layout
- Klasser för att justera underordnade element i en Flex-behållare
- Skapa ett kort med priset på en produkt
- Skapa framstegsindikatorer
- Arbeta med Pseudo Elements i Tailwind CSS
Resultatet av lektionen: skapat en Flex-behållare med produktkort
Praktisk uppgift: skapa ett kort med en beskrivning av produkten.
Dag fyra
Gridsystem i Tailwind CSS.
- Egenskaper för radspann och kolspann
- Egenskaper för att automatiskt fylla tomt utrymme i ett rutnät med element
- Projektteamets sida
Resultatet av lektionen: skapade en adaptiv projektgruppssida med hjälp av Tailwind Grid-systemet.
Praktisk uppgift: lägg till effekter till rutnätselement när du håller muspekaren över dem
8:e modul
Första dagen
Projektuppsättning
- Konfigurera projektet "Hantera" applikationswebbplatsen
- Skapa en responsiv webbsida
- Skapa en hamburgermeny med JavaScript
- Skapa en presentationsdel med en produkt
Resultatet av lektionen: skapade den första skärmen på "Manage"-applikationswebbplatsen
Praktisk uppgift: lägg till en bakgrundsbild på den första skärmen.
Andra dagen
Skapa ett avsnitt med en beskrivning av applikationen
- Avsnitt med en beskrivning av applikationen och dess fördelar
- Anpassa det skapade blocket för alla typer av enheter
- Avsnitt med applikationsdrift
- Använd medvindsfilter på en bild
Resultatet av lektionen: skapade två sektioner av webbplatsen "Hantera"
Praktisk uppgift: skapa ett extra avsnitt med historiken för applikationsskapandet
Dag tre
Skapa ett avsnitt om projektgruppen
- Avsnitt om laget
- Slider med Tailwind CSS och Javascript
- Anställdskort
Resultatet av lektionen: skapat ett avsnitt om projektgruppen
Praktisk uppgift: skapa ett avsnitt med en CTA-knapp
Dag fyra
Skapa en sektion med priser
- Skapa en sektion med priser
- Skapa en responsiv sidfot på webbplatsen
- Avsluta projektet
Resultatet av lektionen: avslutat arbetet med projektet, skapat webbplatsen för applikationen "Hantera".
Praktisk uppgift: slutföra projektet, lägg webbplatsen på Internet
9:e modul
Första dagen
Börja arbeta med ditt eget projekt.
- Välj ett projektämne
- Börja utveckla din egen webbplats
Resultatet av lektionen: ett ämne har valts och arbetet med projektet har påbörjats
Praktisk uppgift: Projektarbete
Andra dagen
Fortsätter arbetet med projektet
- Fortsätt arbeta med projektet
- Åtgärda fel i projektet
Resultatet av lektionen: skapande av webbsidor
Praktisk uppgift: Projektarbete
Dag tre
Förbereda en projektpresentation.
- Beskriv ditt projekt
- Skapa en presentationsmall för att försvara ditt projekt
- Avsluta projektet
- Lägg webbplatsen på Internet
Resultatet av lektionen: förberedde en presentation och repeterade talet.
Praktisk uppgift: förbereda en presentation av projektet, lägg webbplatsen på Internet.
Dag fyra
Projektskydd.
- Slutför projektpresentationen
- Försvara ditt projekt inför publik
Resultatet av lektionen: Vi avslutade arbetet med kursprojektet och presenterade det för föräldrar.
Praktisk uppgift: slutföra projektet, förbereda och genomföra en presentation.