Webbutvecklare från grunden - kurs 72 900 rub. från Brunoiam, träning 9 månader, datum 27 november 2023.

instagram viewer

Block 1 - Grunderna i webbteknik

• Att sätta upp personliga mål för kursen
• Typer av sajter, funktionalitet
• Stadier av webbplatsskapande, huvudsakliga branschyrken
• Nätverksteknik och Internetprotokoll: TCP/IP, HTTP, HTTPS, FTP
• Hosting och domän, DNS-system
• Klient- och servermodell
• Webbläsarens och kodredigerarnas roll
• Konfigurera din arbetsyta
• Versionskontrollsystem. Git

Block 2 - HTML

• Introduktion till HTML: Tagg- och attributkoncept
• HTML-textkodning
• Taggar för att skapa text
• Hyperlänkar och filadresser
• Ankarlänkar
• Länk för att ringa och skicka e-post
• Tabeller i HTML
• img-taggen och dess attribut. Regler för att lägga upp bilder. Bildformat: vilka du ska välja

Block 3 - CSS

• Grundläggande CSS-syntax
• Huvudtyper av väljare: identifierare, klasser, pseudoklasser
• Specificitetspunkter och regelprioriteringar
• Kaskad och fastighetsarv
• Kontextuell och universell väljare
• Text- och teckensnittsegenskaper i CSS
• Ansluta externa typsnitt
• HEX och RGB färger. Lägga till en enhetlig bakgrund till element. Bakgrundsbild för sidan, bakgrundsinställningar

Block 4 - Blockmodell och webbsideslayout

• Förstå block- och inline-element
• Nyckelegenskaper hos block
• Hur beräknas blockstorlek och boxstorlek: border-box
• Vad är en blockmodell
• Använda block för att bygga en layout
• Inline blockelement
• visa egenskap
• Föråldrade metoder för att konstruera en layout: vet, kan inte användas

Block 5 - Flerkolumnlayouter med Flexbox

• Semantiska taggar för layoutdesign
• Flexbox Basics: Behållare och element
• Justera element längs huvud- och tväraxeln
• Ändring av axlar och vertikal inriktning av element
• Problem med att använda flexbox

Block 6 - Grunderna i grafiska redaktörer för layoutdesigners

• Arbeta med bilder: beskärning, trimning
• Spara: format, kvalitet, vikt
• Hur man tar reda på färgkoden
• Teckensnittsverktyg
• Kopierar färdig CSS
• Mäta avstånd: verktyg, inställningar
• Effekter och deras kopiering
• Bädda in kartor och videor

Block 7 - Positionering

• Positioneringstyper: statisk, absolut, relativ, fix
• Funktioner för olika typer av positionering
• z-index och överlagringskontext
• När och hur man använder positionering
• Exempel på en rullgardinsmeny på flera nivåer
• Lösning av typiska positioneringsproblem

Block 8 - Återkopplingsformulär

• Grundläggande formulärelement: inmatning, välj, textområde, knapp
• Fälttillstånd och pseudoklasser
• Markeringselement kryssruta, radio, välj
• Grupperingselement: fieldset och legend
• Stilar för platshållarens pseudoelement
• Regler för skrivstilar för formulär
• Stylingknappar

Block 9 – Responsiv och adaptiv webbdesign

• Begreppet adaptiv och responsiv webbdesign
• Mediafrågor
• Viewport Options och Meta viewport Tag
• Problem med flera webbläsare
• Kodens giltighet, validatorer
• Funktioner på flersidiga webbplatser
• Layoutregler för SEO-kampanj

Block 10 - Animation med HTML5 och CSS3

• Mjuka övergångar för att skapa animationseffekter
• Animation med nyckelbildrutor
• Transformation av element
• Lägga till grundläggande animationselement till webbplatsen 

Block 11 - JavaScript-grunderna

• Introduktion till JavaScript
• Variabler och datatyper
• Matematiska operatorer och typkonvertering
• Logiska operatorer
• Grenar och villkorliga uttalanden
• Inbyggda funktioner för användarinteraktion

Block 12 - Slingor och arrayer i JavaScript

• Matriser
• Metoder för att arbeta med arrayer
• för och medan loopar
• Kapslade arrayer
• Arbetar med konsolen

Block 13 - Funktioner

• Definition av en funktion. Pilfunktionen och dess skillnader från den vanliga. Funktionsuttryck och Funktionsdeklaration.
• Synlighetsområde. Hur det fungerar. LexicalEnvironment.
• Timers och stängning. Funktioner setInterval, setTimeout, clearInterval, clearTimeout. Vad är en förslutning och hur kan den användas.
• Återuppringningsfunktioner

Block 14 - Objekt. DOM. evenemang

• Objekt och ordböcker. Hur man skapar objekt. Nyckelordet är detta. Hämta, ändra och ta bort objektegenskaper. Länkar till objekt.
• Prototyp arv. Hur nedärvning av egenskaper och metoder fungerar. Designers.
• Klasser. Definition av klasser och fördelar med användning. Utökning av klasser. Privata metoder och offentliga. Getters och setters. Ett exempel på att skapa ett program med klasser och MVP-arkitektur.
• DOM. Sidobjektsmodell och varför den behövs. Hitta element på en sida och hämta dem. Uppräkning av element och grundläggande egenskaper.
• evenemang

Block 15 - Animation och effekter i JavaScript

• JavaScript-animationer. Ändra CSS-egenskaper för element. Bezier-kurva. Exempel på animationer.
• Rendering i webbläsaren. Optimerade egenskaper. requestAnimationFrame-funktion.
• Bibliotek med animationer

Block 16 - Interaktiva element

• Skjutreglage
• Dragspel
• Verktygstips

Block 17 – Node.js

• Introduktion till Node.js. Node.js funktioner. Kort om modulerna och deras syften: fs, child_process, https.
• NPM. Grundläggande kommandon för npm-pakethanteraren. Initiera projektet och installera de första paketen. package.json-struktur.
• Webpack Grunderna. Varför behöver vi montörer och vilka steg kan automatiseras? Första Webpack-konfiguration och byggautomatisering: kodminifiering, modulsammansättning och användning av SCSS-förprocessorn.
• SCSS-förprocessor. Fördelar med förprocessorer. En snabb översikt över skillnaderna mellan vissa: SCSS, SASS, Less, post-css. Grundläggande konstruktioner: variabler, mixins, funktioner.

Block 18 - Arbeta med servern

• Promise API
• Kontakta servern och XMLHttpRequest-klassen
• hämtningsmetod
• Axios bibliotek

Block 19 - React Basics

• Komponenter och JSX
• Komponentens skick
• Krokar
• Stylingkomponenter
• React-Router

Enhet 20 - Grundläggande om TypeScript

• Statisk typning
• Gränssnitt och typer
• Enum typer

Block 21 - Översikt över JS-utvecklarens färdplan

• Kort om hur man kan utvecklas vidare som utvecklare och vad man ska studera 

Block 22 - Grunderna i PHP-programmering

• Syftet med serverteknologier
• Lokal webbserver och domän
• Skapa dynamiska webbsidor
• Begreppet CMS-system
• Webbhotell
• FTP-protokoll för nedladdning av filer
• Sammanfatta och slutföra projektet

Bonussats

Gratis kurs "Lär dig att lära"

Vi ger varje elev tillgång till denna kurs så att utbildningen inte går till spillo. Problemet är att folk inte får resultat av träning. Det finns tre huvudsakliga skäl:

• Det finns inga tydliga mål. Och även de som förstår vikten av mål gör det fortfarande inte. Jag vill byta jobb och bli en cool social media manager – inte ett mål, utan en önskan. Med den här inställningen blir resultatet lämpligt.
• Att överge lärandet halvvägs. Många människor hittar motivation under den första veckan. Men det är omöjligt att nå slutet. Eftersom hjärnan inte gillar att lära sig regelbundet.
• Brist på konsekvens. Det är ett ganska vanligt fenomen när vi tar tag i all information om ett valt ämne, rör oss på måfå och, som ett resultat, till ingen nytta.

Varför lyfte vi fram dessa tre skäl? För vi har undervisat i 11 år och ser feedback från elever. Under kursen berättar vi hur du kan tillämpa all denna värdefulla kunskap i livet.