Intensiv "Frontend-utvikler" - kurs 88 800 gni. fra SkillFactory, trening 3 måneder, Dato: 13. august 2023.
Miscellanea / / November 29, 2023
Prosjekt 1. Visittkort nettsted
Du vil lage ditt første fullverdige nettsted ved hjelp av layoutverktøy - HTML og CSS. Nettstedet vil fortelle deg om deg, din erfaring og hobbyer; i løpet av spesialiseringen din vil du kunne gå tilbake til den og legge til informasjon om deg selv. Ved å bruke HTML-tagger vil du forberede markeringen av nettstedets innhold, og ved å bruke CSS-styling vil du utvikle et individuelt design for visittkortsiden din og legge til enkel interaktivitet.
Til tross for enkelheten til HTML- og CSS-verktøyene, er denne delen grunnleggende for enhver utviklere. HTML brukes ofte i forbindelse med programmeringsspråk som JavaScript, og CSS tilbyr en rekke elegante grensesnittdesignløsninger.
- Emner for opplæringsmoduler på HTML og CSS:
- Grunnleggende HTML
- CSS-styling. Velgere
- Flexbox
- Git-teknologi. Github
Prosjekt 2. Layout av landingsside i henhold til layout
For å styrke ferdighetene dine i HTML og CSS grundig, vil du bli tilbudt en nettsidemockup laget i Figma. Ved å bruke denne layouten må du designe en énsides landingsside for et designbyrå for desktop- og mobilversjoner. Det endelige oppsettet må lastes opp til github, fra nå av vil du legge ut alle prosjektene dine i repositories.
Dette prosjektet er kvintessensen av en front-end-utviklers arbeid i ethvert selskap. Arbeidsprosjektene dine kan bli mye mer avanserte i funksjonalitet og visuelt, men essensen vil forbli nøyaktig den samme.
Prosjekt 3. Skyveknapp i JavaScript
Det neste prosjektet som blir inkludert i porteføljen din er implementering av en skyveknapp på en nettside ved bruk av ren JavaScript, eller såkalt VanillaJS. En glidebryter er en interaktiv funksjon for overgang mellom bilder med beskrivelser (de kan også være lenker eller tekstblokker), som kan implementeres i fremtiden til enhver nettside eller applikasjon. JavaScript vil gi flere muligheter for å lage interaktive nettgrensesnitt med ikke-triviell logikk.
Ved å fullføre dette prosjektet vil du styrke dine rene JavaScript-utviklingsferdigheter, som er en av trendene De siste årene prøver flere og flere utviklere å implementere frontend, hvis mulig, uten å ty til rammer. Uansett teknologistabel i selskapet der du skal jobbe i fremtiden, er trygg kunnskap og bruk av JavaScript minimum som kreves for en karriere som front-end-utvikler.
Temaer for JavaScript-treningsmoduler:
- Introduksjon til JavaScript
- Funksjoner, objekter
- Events og DOM. Plukkere.
- JavaScript programmering
- Modularitet
- Skriving
- AJAX
- Nettleser-API
Prosjekt 4. Kanban-tavle i React
For å øke kompetansen din innen frontend-utvikling, må du mestre et av JavaScript-rammeverket. I denne spesialiseringen foreslår vi å fokusere på å studere det mest populære biblioteket - React. I det fjerde prosjektet, basert på oppsettet fra Figma, skal du implementere en webapplikasjon som er en oppgavebok med status for hver oppgave. Applikasjonen vil bli distribuert ved hjelp av Create React-appen.
I dette prosjektet må du huske oppsettet og også bruke rent JavaScript. Delen med React vil tillate deg å konsolidere utviklingsferdighetene dine på dette biblioteket; denne modulen vil også gi en oversikt over Vue- og Angular-rammeverket.
Emner for opplæringsmoduler dedikert til rammer og biblioteker:
- Opprette en applikasjon i React
- Reaksjonskomponenter
- Hendelseshåndtering i React
- Reaksjonsmønstre
- Reager Router
- Rammer og biblioteker
- Vue og Angular
- Redux
Et kjent selskap som leier sykler i store byer i Russland, opplever problemer med hyppig tyveri av eiendommen deres (sykler). Som en mulig løsning på problemet ønsker selskapet å føre oversikt over disse sakene og spore fremdriften. Deres egne utviklere har allerede forberedt serverdelen av applikasjonen (API), de må implementere klientdelen.
Du må huske alle teknologistablene du har dekket: HTML, CSS, JavaScript, React. I tillegg til å fullføre avgangsprosjektet ditt, må du forberede deg på å dra på en åpen reise: under vår veiledning vil du forberede deg en ærlig og overbevisende CV, skriv et kompetent følgebrev, og fullfør også flere oppgaver fra ekte tester.
Som et resultat vil du ha en github-konto med prosjekter som vil vise potensialet ditt til arbeidsgiveren, samt en CV og enhver sjanse til raskt å få jobb som juniorutvikler.
Temaer for opplæringsmoduler:
- Animasjon
- Testing og linters
- JavaScript på backend. Arbeid med databaser
- Node.js. Interaksjon med backend
Lær de viktigste tingene for en nettutvikler og begynn å tjene penger på det! HTML, CSS, JavaScript, Figma, Photoshop, VS Code, Emmet, BEM, Bootstrap, Vue, Git, GitHub, Gulp.
4
5 490 ₽