Webutvikler fra bunnen av - kurs 72 900 gni. fra Brunoiam, trening 9 måneder, dato 27. november 2023.
Miscellanea / / November 27, 2023
Maksimal effektiv trening
Aktuell kunnskap
Kursene utvikles etter å ha analysert ledige stillinger og oppdateres hvert halvår. Ingenting overflødig - vi lærer bare det som vil være nyttig i arbeidet
Rollen til mentorer
Det er mye lettere å lære nye ting med en personlig mentor som vil fordype deg i prosjektet ditt, hjelpe deg med å utvikle dine styrker og ikke la deg være alene med vanskeligheter.
Virkelige prosjekter
Gjennomføring av prosjekter bringer studenten nærmere reelle arbeidsforhold. Prosjekter hjelper ikke bare å lære stoffet, men også å fordype deg i yrket
Enkelt, raskt og praktisk
Tydelig struktur. Kurset er delt inn i moduler. Moduler for leksjoner. Hver leksjon er en teori kombinert med lærerens personlige erfaring. Uten lange hilsener og vann
Hvem er dette kurset for?
For deg som ønsker å bli webutvikler
Hovedmålet med kurset er å forberede deg til yrket. Etter opplæring vil du kunne finne jobb og raskt utvikle dine ferdigheter i bedriften
For de som vil prøve et nytt område
Webprogrammering er fortsatt et av de mest etterspurte yrkene og kommer ikke til å tape terreng. Dette er et lovende område som det fortsatt er tid å sette seg inn i for å lykkes med å konkurrere på arbeidsmarkedet
Hvordan treningen fungerer
- Studer etter en timeplan som passer deg
- Øv på leksene dine. De består av tre vanskelighetsgrader
- Arbeid med prosjekter samtidig. De vil gå til porteføljen din
- Send praktiske oppgaver til din mentor. Han vil gi detaljert tilbakemelding innen 24 timer
Teknologier du vil studere:
- HTML er markup-språket som nettsteder er bygget på. Forteller nettleseren hvordan den skal vise det innlastede nettstedet
- CSS er et stylingspråk. Samhandler med nettleseren for å style dokumentet
- Github - en skytjeneste for å jobbe med kode i et team
- Nettverksteknologier og protokoller - TCP/IP, HTTP, HTTPS, FTP
- JavaScript er det mest populære programmeringsspråket på Internett. Beskriver oppførselen til elementer på en nettside eller nettleser
- Node.js er et miljø for å kjøre JavaScript-kode utenfor nettleseren. Brukes til å automatisere rutineoppgaver
- React Basics - et bibliotek for utvikling av grensesnitt, lar deg gjøre grensesnittkomponenter raskere
- Grunnleggende Typescript er et programmeringsspråk utviklet av Microsoft som legger til et typesystem til fleksibiliteten og de dynamiske egenskapene til JS.
- Grunnleggende om PHP - et av de ledende språkene innen moderne webutvikling
- Figma/Adobe Photoshop - grafiske redaktører for nettsidelayout basert på webdesigner-layout
2
kursArbeidserfaring Byttet til webutvikling i 2014. Siden 2017 har han jobbet som front-end-utvikler i det digitale byrået Kelnik, og utviklet store nettsider for utviklere av boligeiendom og nettbutikker. Jeg jobbet i mer enn ett år i en internasjonal...
erfaring
Byttet til webutvikling i 2014. Siden 2017 har han jobbet som front-end-utvikler i det digitale byrået Kelnik, og utviklet store nettsider for utviklere av boligeiendom og nettbutikker. Jeg jobbet for det internasjonale selskapet Wrike i mer enn ett år. Nå en uavhengig utvikler.
Om meg
Jeg var ikke alltid knyttet til nettet – jeg startet min karriere i 2007 som prosessingeniør innen ventilasjon, selv om favorittfaget mitt på skolen var informatikk. I 2014 kom han tilbake "til røttene", og startet med nettstedslayout - html, css, jQuery. Det første prosjektet var en nettside for en gardinsalong for pårørende. Jeg var stolt - jeg skrev det opp og overførte det til WordPress selv :) Etterpå var det en vanskelig vei til frilansing og utmerket erfaring innen byrå- og produktutvikling. Kom på kurset - vi lærer hvordan du skriver kode, får en ny ferdighet i å lage nettsider, og finner ut hvordan og hvor du skal bruke denne ferdigheten!
1
vi vilErfaring med frontend-utvikler. Jeg startet min karriere som frilanser, og nå jobber jeg som fullstackutvikler for et selskap. Om meg selv står jeg ikke på ett sted, jeg studerer alltid nye teknologier. Jeg vet hvordan det er å bytte yrke. Derfor...
erfaring
Frontend utvikler. Jeg startet min karriere som frilanser, og nå jobber jeg som fullstackutvikler for et selskap.
Om meg
Jeg står ikke på ett sted, jeg studerer alltid nye teknologier. Jeg vet hvordan det er å bytte yrke. Derfor fokuserer jeg på å forklare komplekse temaer på et enkelt språk og hjelpe elevene å konsolidere kunnskapen sin med eksempler.
«Jeg vil spesielt merke meg den interessante presentasjonen av materialet, mengden kunnskap og ferdigheter, og den tilgjengelige typen informasjon. Tydelige presentasjoner. Takk for det organiserte materialet, alt er logisk!"
— Polina Sergeevna, WB296-2459
Blokk 1 – Grunnleggende om nettteknologi
- Sette personlige mål for kurset
- Typer nettsteder, funksjonalitet
- Stadier av nettstedoppretting, hovedyrker i bransjen
- Nettverksteknologier og Internett-protokoller: TCP/IP, HTTP, HTTPS, FTP
- Hosting og domene, DNS-system
- Klient- og servermodell
- Rollen til nettleseren og koderedaktørene
- Sette opp arbeidsområdet ditt
- Versjonskontrollsystemer. Git
Blokk 2 - HTML
- Introduksjon til HTML: Tag- og attributtkonsepter
- HTML-tekstkoding
- Merker for å lage tekst
- Hyperkoblinger og filadresser
- Ankerlenker
- Link for å ringe og sende e-post
- Tabeller i HTML
- img-taggen og dens attributter. Regler for å legge ut bilder. Bildeformater: hvilke du skal velge
Blokk 3 - CSS
- Grunnleggende CSS-syntaks
- Hovedtyper av velgere: identifikatorer, klasser, pseudo-klasser
- Spesifisitetspunkter og regelprioriteringer
- Kaskade og eiendomsarv
- Kontekstuell og universell velger
- Tekst- og skriftegenskaper i CSS
- Koble til eksterne fonter
- HEX og RGB farger. Legge til en enhetlig bakgrunn til elementer. Bakgrunnsbilde for siden, bakgrunnsinnstillinger
Blokk 4 - Blokkmodell og nettsidelayout
- Forstå blokk- og inline-elementer
- Nøkkelegenskaper til blokker
- Hvordan beregnes blokkstørrelse og boksstørrelse: border-box
- Hva er en blokkmodell
- Bruke blokker til å bygge en layout
- Inline blokkelementer
- vise egenskap
- Utdaterte metoder for å konstruere en layout: vet, kan ikke brukes
Blokk 5 - Flerspalteoppsett med Flexbox
- Semantiske tagger for layoutdesign
- Flexbox Basics: Containere og elementer
- Justere elementer langs hoved- og tverraksen
- Endring av akser og vertikal justering av elementer
- Problemer med bruk av flexbox
Blokk 6 - Grunnleggende om grafiske redaktører for layoutdesignere
- Arbeid med bilder: beskjæring, trimming
- Lagring: format, kvalitet, vekt
- Hvordan finne ut fargekoden
- Skriftverktøy
- Kopierer ferdig CSS
- Måle avstander: verktøy, innstillinger
- Effekter og deres kopiering
- Innbygging av kart og videoer
Blokk 7 - Posisjonering
- Posisjoneringstyper: statisk, absolutt, relativ, fast
- Funksjoner av forskjellige typer posisjonering
- z-indeks og overleggskontekst
- Når og hvordan du bruker posisjonering
- Eksempel på en rullegardinmeny på flere nivåer
- Løse typiske posisjoneringsproblemer
Blokk 8 - Tilbakemeldingsskjemaer
- Grunnleggende skjemaelementer: inntasting, velg, tekstområde, knapp
- Felttilstand og pseudoklasser
- Avmerkingsboks for utvalgselementer, radio, velg
- Gruppering av elementer: feltsett og forklaring
- Stiler for plassholder-pseudo-elementet
- Regler for skrivemåter for skjemaer
- Stylingknapper
Blokk 9 - Responsiv og adaptiv webdesign
- Konsept med adaptiv og responsiv webdesign
- Mediespørsmål
- Viewport Options og Meta viewport Tag
- Problemer med flere nettlesere
- Kodegyldighet, validatorer
- Funksjoner på nettsteder med flere sider
- Layoutregler for SEO-promotering
Blokk 10 - Animasjon med HTML5 og CSS3
- Myke overganger for å lage animasjonseffekter
- Animasjon ved hjelp av keyframes
- Transformasjon av elementer
- Legge til grunnleggende animasjonselementer til nettstedet
Blokk 11 - Grunnleggende om JavaScript
- Introduksjon til JavaScript
- Variabler og datatyper
- Matematiske operatorer og typekonvertering
- Logiske operatører
- Grener og vilkårsuttalelser
- Innebygde brukerinteraksjonsfunksjoner
Blokk 12 - Loops og arrays i JavaScript
- Matriser
- Metoder for å arbeide med arrays
- for og mens løkker
- Nestede matriser
- Jobber med konsollen
Blokk 13 - Funksjoner
- Definisjon av en funksjon. Pilfunksjonen og dens forskjeller fra den vanlige. Funksjonsuttrykk og funksjonserklæring.
- Synlighetsområde. Hvordan det fungerer. Leksisk miljø.
- Timer og stenging. Funksjoner setInterval, setTimeout, clearInterval, clearTimeout. Hva er en lukking og hvordan kan den brukes.
- Tilbakeringingsfunksjoner
Blokk 14 - Objekter. DOM. arrangementer
- Objekter og ordbøker. Hvordan lage objekter. Nøkkelordet er dette. Hente, endre og slette objektegenskaper. Lenker til objekter.
- Prototype arv. Hvordan arv av egenskaper og metoder fungerer. Designere.
- Klasser. Definisjon av klasser og fordeler ved bruk. Utvidelse av klasser. Private metoder og offentlige. Getters og settere. Et eksempel på å lage et program ved å bruke klasser og MVP-arkitektur.
- DOM. Sideobjektmodell og hvorfor det er nødvendig. Finne elementer på en side og hente dem. Oppregning av elementer og grunnleggende egenskaper.
- arrangementer
Blokk 15 - Animasjon og effekter i JavaScript
- JavaScript-animasjoner. Endre CSS-egenskaper til elementer. Bezier-kurve. Eksempler på animasjoner.
- Gjengivelse i nettleseren. Optimaliserte egenskaper. requestAnimationFrame funksjon.
- Biblioteker med animasjoner
Blokk 16 - Interaktive elementer
- Skyveknapp
- Trekkspill
- Verktøytips
Blokk 17 – Node.js
- Introduksjon til Node.js. Node.js-funksjoner. Kort om modulene og deres formål: fs, child_process, https.
- NPM. Grunnleggende kommandoer for npm-pakkebehandleren. Initialisere prosjektet og installere de første pakkene. package.json-struktur.
- Grunnleggende om nettpakke. Hvorfor trenger vi montører og hvilke trinn kan automatiseres? Første Webpack-konfigurasjon og byggeautomatisering: kodeminifisering, modulsammenkobling og bruk av SCSS-forprosessoren.
- SCSS-forprosessor. Fordeler med forprosessorer. En rask oversikt over forskjellene mellom noen: SCSS, SASS, Less, post-css. Grunnleggende konstruksjoner: variabler, mixins, funksjoner.
Blokk 18 - Arbeide med serveren
- Promise API
- Kontakter serveren og XMLHttpRequest-klassen
- hentemetode
- Axios bibliotek
Blokk 19 - React Basics
- Komponenter og JSX
- Komponentens tilstand
- Kroker
- Styling komponenter
- React-ruter
Enhet 20 - Grunnleggende om TypeScript
- Statisk skriving
- Grensesnitt og typer
- Enum typer
Blokk 21 - Oversikt over JS utviklerveikartet
- Kort om hvordan man kan utvikle seg videre som utvikler og hva man skal studere
Blokk 22 - Grunnleggende om PHP-programmering
- Formålet med serverteknologier
- Lokal webserver og domene
- Lage dynamiske nettsider
- Konseptet med CMS-systemer
- Webhotell
- FTP-protokoll for nedlasting av filer
- Oppsummering og fullføring av prosjektet
Bonussats
Gratis kurs "Lær å lære"
Vi gir hver elev tilgang til dette kurset slik at opplæringen ikke er bortkastet. Problemet er at folk ikke får resultater av trening. Det er tre hovedårsaker:
- Det er ingen klare mål. Og selv de som forstår viktigheten av mål, gjør det fortsatt ikke. Jeg vil bytte jobb og bli en kul sosiale medier-sjef – ikke et mål, men et ønske. Med denne innstillingen vil resultatet være passende.
- Forlater læring halvveis. Mange finner motivasjon den første uken. Men det er umulig å nå slutten. Fordi hjernen ikke liker å lære regelmessig.
- Mangel på konsistens. Det er et ganske vanlig fenomen når vi tar tak i informasjon om et valgt emne, beveger oss tilfeldig, og som et resultat, til ingen nytte.
Hvorfor fremhevet vi disse tre grunnene? For vi har undervist i 11 år og ser tilbakemeldinger fra studenter. I løpet av kurset forteller vi deg hvordan du kan bruke all denne verdifulle kunnskapen i livet.