Webudvikler fra bunden - kursus 72.900 gnid. fra Brunoiam, træning 9 måneder, dato 27. november 2023.

instagram viewer

Blok 1 - Grundlæggende om webteknologier

• At sætte personlige mål for kurset
• Typer af websteder, funktionalitet
• Stadier af oprettelse af hjemmeside, vigtigste brancher
• Netværksteknologier og internetprotokoller: TCP/IP, HTTP, HTTPS, FTP
• Hosting og domæne, DNS-system
• Klient- og servermodel
• Browserens og kodeeditorens rolle
• Opsætning af dit arbejdsområde
• Versionskontrolsystemer. Git

Blok 2 - HTML

• Introduktion til HTML: Tag- og attributbegreber
• HTML-tekstkodning
• Tags til at danne tekst
• Hyperlinks og filadresser
• Anker links
• Link til at ringe og sende e-mail
• Tabeller i HTML
• img tag og dets attributter. Regler for udstationering af billeder. Billedformater: hvilke der skal vælges

Blok 3 - CSS

• Grundlæggende CSS-syntaks
• Hovedtyper af vælgere: identifikatorer, klasser, pseudo-klasser
• Specificitetspunkter og regelprioriteter
• Kaskade og ejendomsarv
• Kontekstuel og universel vælger
• Tekst- og skrifttypeegenskaber i CSS
• Tilslutning af eksterne skrifttyper
• HEX og RGB farver. Tilføjelse af en ensartet baggrund til elementer. Baggrundsbillede til siden, baggrundsindstillinger

Blok 4 - Blokmodel og websidelayout

• Forståelse af blok- og inline-elementer
• Nøgleegenskaber for blokke
• Hvordan beregnes blokstørrelse og kassestørrelse: border-box
• Hvad er en blokmodel
• Brug af blokke til at bygge et layout
• Inline blokelementer
• vise egenskab
• Forældede metoder til at konstruere et layout: ved, kan ikke bruges

Blok 5 - Multi-søjle layout med Flexbox

• Semantiske tags til layoutdesign
• Flexbox Basics: Containere og elementer
• Justering af elementer langs hoved- og tværaksen
• Ændring af akser og lodret justering af elementer
• Problemer med at bruge flexbox

Blok 6 - Grundlæggende om grafiske redaktører for layoutdesignere

• Arbejde med billeder: beskæring, trimning
• Besparelse: format, kvalitet, vægt
• Sådan finder du farvekoden
• Skrifttypeværktøjer
• Kopierer færdig CSS
• Måling af afstande: værktøjer, indstillinger
• Effekter og deres kopiering
• Indlejring af kort og videoer

Blok 7 - Positionering

• Positioneringstyper: statisk, absolut, relativ, fast
• Funktioner af forskellige typer positionering
• z-indeks og overlejringskontekst
• Hvornår og hvordan man bruger positionering
• Eksempel på en rullemenu på flere niveauer
• Løsning af typiske positioneringsproblemer

Blok 8 - Feedback formularer

• Grundlæggende formularelementer: input, vælg, tekstområde, knap
• Felttilstand og pseudoklasser
• Markeringselementer afkrydsningsfelt, radio, vælg
• Gruppering af elementer: feltsæt og forklaring
• Typografier til pladsholder-pseudo-elementet
• Regler for skrivestile til formularer
• Styling knapper

Blok 9 - Responsivt og adaptivt webdesign

• Begrebet adaptivt og responsivt webdesign
• Medieforespørgsler
• Viewport Options og Meta viewport Tag
• Problemer på tværs af browsere
• Kode gyldighed, validatorer
• Funktioner af multi-side sites
• Layoutregler for SEO-promovering

Blok 10 - Animation ved hjælp af HTML5 og CSS3

• Glatte overgange til at skabe animationseffekter
• Animation ved hjælp af keyframes
• Transformation af elementer
• Tilføjelse af grundlæggende animationselementer til webstedet 

Blok 11 - JavaScript Basics

• Introduktion til JavaScript
• Variabler og datatyper
• Matematiske operatorer og typekonvertering
• Logiske operatører
• Grene og betingede erklæringer
• Indbyggede brugerinteraktionsfunktioner

Blok 12 - Sløjfer og arrays i JavaScript

• Arrays
• Metoder til at arbejde med arrays
• for og mens sløjfer
• Indlejrede arrays
• Arbejder med konsollen

Blok 13 - Funktioner

• Definition af en funktion. Pilefunktionen og dens forskelle fra den sædvanlige. Funktionsudtryk og funktionsdeklaration.
• Synlighedsområde. Hvordan det virker. Leksisk miljø.
• Timer og lukning. Funktioner setInterval, setTimeout, clearInterval, clearTimeout. Hvad er en lukning og hvordan kan den bruges.
• Tilbagekaldsfunktioner

Blok 14 - Objekter. DOM. Begivenheder

• Objekter og ordbøger. Sådan opretter du objekter. Nøgleordet er dette. Hentning, ændring og sletning af objektegenskaber. Links til objekter.
• Prototype arv. Hvordan nedarvning af egenskaber og metoder fungerer. Designere.
• Klasser. Definition af klasser og fordele ved brug. Udvidelse af klasser. Private metoder og offentlige. Getters og sættere. Et eksempel på oprettelse af et program ved hjælp af klasser og MVP-arkitektur.
• DOM. Sideobjektmodel og hvorfor det er nødvendigt. At finde elementer på en side og hente dem. Optælling af elementer og grundlæggende egenskaber.
• Begivenheder

Blok 15 - Animation og effekter i JavaScript

• JavaScript animationer. Ændring af CSS-egenskaber for elementer. Bezier-kurve. Eksempler på animationer.
• Gengivelse i browseren. Optimerede egenskaber. requestAnimationFrame funktion.
• Biblioteker med animationer

Blok 16 - Interaktive elementer

• Skyder
• Harmonika
• Værktøjstip

Blok 17 - Node.js

• Introduktion til Node.js. Node.js funktioner. Kort om modulerne og deres formål: fs, child_process, https.
• NPM. Grundlæggende kommandoer i npm-pakkehåndteringen. Initialisering af projektet og installation af de første pakker. package.json struktur.
• Grundlæggende om webpack. Hvorfor har vi brug for montører, og hvilke faser kan automatiseres? Første Webpack-konfiguration og build-automatisering: kodeminificering, modulsammenkædning og brug af SCSS-forprocessoren.
• SCSS præprocessor. Fordele ved præprocessorer. Et hurtigt overblik over forskellene mellem nogle: SCSS, SASS, Less, post-css. Grundlæggende konstruktioner: variabler, mixins, funktioner.

Blok 18 - Arbejde med serveren

• Promise API
• Kontakt til serveren og XMLHttpRequest-klassen
• hente metode
• Axios bibliotek

Blok 19 - React Basics

• Komponenter og JSX
• Komponentens tilstand
• Kroge
• Styling komponenter
• React-Router

Enhed 20 - Grundlæggende om TypeScript

• Statisk skrivning
• Grænseflader og typer
• Enum typer

Blok 21 - Oversigt over JS-udviklerkøreplanen

• Kort om, hvordan man udvikler sig videre som udvikler, og hvad man skal studere 

Blok 22 - Grundlæggende om PHP-programmering

• Formål med serverteknologier
• Lokal webserver og domæne
• Oprettelse af dynamiske websider
• Begrebet CMS-systemer
• Webstedshosting
• FTP-protokol til at downloade filer
• Opsummering og færdiggørelse af projektet

Bonussats

Gratis kursus "Lær at lære"

Vi giver hver elev adgang til dette kursus, så træningen ikke går til spilde. Problemet er, at folk ikke får resultater af træning. Der er tre hovedårsager:

• Der er ingen klare mål. Og selv dem, der forstår vigtigheden af ​​mål, gør det stadig ikke. Jeg vil skifte job og blive en sej social media manager – ikke et mål, men et ønske. Med denne indstilling vil resultatet være passende.
• Opgive læring halvvejs. Mange mennesker finder motivation i den første uge. Men det er umuligt at nå slutningen. Fordi hjernen ikke kan lide at lære regelmæssigt.
• Mangel på konsistens. Det er et ret almindeligt fænomen, når vi griber ind i enhver information om et valgt emne, bevæger os tilfældigt og som et resultat uden resultat.

Hvorfor fremhævede vi disse tre grunde? For vi har undervist i 11 år og ser feedback fra elever. I løbet af kurset fortæller vi dig, hvordan du anvender al denne værdifulde viden i livet.