Profesionāls frontends

Lielu projektu izkārtošana un frontenda automatizācija

Internets nepārtraukti attīstās,  web lapas kļūst sarežģītākas,  parādās aizvien vairāk kompleksu web aplikāciju. Lai rīt netrāpītu ķezā ir jābūt gataviem pārsteigumiem,  kas mūs var sagaidīt aiz stūra.

Autors dalīsies savā pieredzē interfeisu izstrādē lieliem projektiem; nodemonstrēs,  kā pateicoties dažiem viegliem soļiem ir iespējams pāriet uz kvalitatīvi augstāku izkārtošanas līmeni un kā maksimāli automatizēt darba procesus,  lai web lapas tiktu izstrādātas ātrāk nekā zīmētas.

Programmas saturs

Pirmā diena: lielu projektu izkārtošana

Meistarklases laikā tiks izskatītas galvenās un labākās metodes interfeisu izstrādē, no vienkāršotiem variantiem līdz BEM stingrībai. Viss,  kas jums ir jāzina par nopietno izkārtošanu ārpus vizītkaršu lapām: no stilu kodēšanas  (Code Style) un metodoloģijas līdz atbalsta instrumentiem un personīgajiem freimvorkiem.

  1. Esošās metodoloģijas apskats — izkārtošanas un kodēšanas stilu organizācija.
    • Ekspress kurss par labāko praksi koda organizēšanā.
    • SMACSS, BEM, OOCSS, MCSS — īpašības un atšķirības.
    • Kādēļ ir nepieciešama metodoloģija,  jeb kā iemācīties runāt vienā valodā ar citiem izstrādātājiem.
  2. Darba sadalīšana lielu projektu izstrādē — kas ir jāņem vērā, lai interfeisi dzīvotu ilgi un nelūztu.
    • Kā veikt izkārtošanu,  kuru nav vēlmes pārveidot katrā nākamajā iterācijā.
    • Darba plānotājs dizaineriem,  jeb kā iesniegt paveikto neatverot redaktoru.
    • Kā nenodarīt sev kaiti ar preprocessoriem un neizrakt sev bedri.
  3. Darbs ar kopējo komponentu bibliotēku.
    • Esošo freimvorku caurskatīšana  (Bootstrap,  Pure u. c.).
    • Pamatprincipi un sava freimvorka izstrāde.
    • Standarti ne tikai izstrādātājiem,  bet arī dizaineriem.
  4. Praktiskais uzdevums.
    • Detalizēts pārskats par katru paveikto uzdevumu servisā Github meistarklases noslēgumā.

Otrā diena: automatizācija

Optimizēšana,  aplikāciju testēšana,  preprocessori,  automātiskā koda analīze un ātrā izstrādes vides sagatavošana — tas viss jau ir pieejams tagad,  taču kā nenomaldīties inovācijās? Roberts izstāstīs par galvenajiem virzieniem frontend izstrādes procesoru optimizēšanā, dalīsies domās par šo instrumentu nākotni un iemācīs ar tiem strādāt.

Meistarklase ietver daudz praktisku uzdevumu,  kas tiek risināti uz reālu projektu piemēriem. Iesācēji automatizācijas sfērā saņems daudz noderīgu materiālu un ieteikumu ātram startam. Bet tie,  kas paspēs sagatavoties,  varēs sekot līdzi procesam un testēt rezultātu pasākuma gaitā, tādēļ noteikti ņemiet līdzi portatīvos datorus!

  1. Ievads frontenda automatizācijas procesos.
    • Ko drīkst un ir nepieciešamība automatizēt.
    • Gatavu risinājumu apskats.
    • Instrumentu nākotne.
  2. Iepazīšanās ar uzdevumu izpildītājiem  (task runners).
    • Pētam un salīdzinām pašus populārākos instrumentus: Grunt, Gulp, Brunch.
    • Izmēģinām tos praksē un rakstām pirmos skriptus.
    • Skaffolderu grunt-init, Yeoman apskats.
  3. Testēšana.
    • Praktisko uzdevumu sērija par automātisko resursu optimizēšanu uz reālu projektu piemēra.
    • Veiktspējas mērījumi.
    • Parasta funkcionāla testēšana.
  4. Modulārie CSS preprocessori.
  5. Nedaudz par web aplikāciju publicēšanu  (deployment).

Sertifikāts

Pēc kursa  «Profesionāls frontends» noklausīšanās tiek izsniegts Webskolas sertifikāts.

Nepieciešamās zināšanas: bāzes iemaņas frontend izstrādē, prasme izkārtot web lapas no nulles. Līdzi vēlams portatīvais dators ar uzstādītu Node.js.

grupā 10—20 cilvēki
krievu valoda
Kursa ilgums
2 dienas (14 ak. stundas)7 ak. stundas dienā
Mācību maksa
149
104,72
Mācību periods
26.—27. jūlijs10:30—18:00 (1 stundas pusdienu pārtraukums + pauzes starp tēmām)

   

   

Mācību valoda Mācību forma

Paldies par reģistrāciju mācībām Webskolā.
Mēs ar jums sazināsimies tuvākajā laikā!

Programmas autors un pasniedzējs

 
Roberts Haritonovs
Odnoklasniki.ru interfeisa izstrādes nodaļas vadītājs