Od autora: Dobrý deň, priatelia! Rovnako ako ľudia, aj webové stránky majú svoju vlastnú kostru, čo je vidieť v ich kóde. Bežný používateľ, ktorý sa „prechádza“ po internete, pravdepodobne nenahliadne do kódu HTML. Ale nie dizajnéri rozloženia - vždy majú záujem pozrieť sa na prácu niekoho iného. Vytváranie kódu, ktorý je prehľadný, vyvážený a funguje vo všetkých prehliadačoch, je istým druhom umenia. Dnes sa s vami porozprávame o tom, ako tomu porozumieť, alebo inak povedané, ako sa rýchlo a efektívne naučiť, ako rozvrhnúť web stránky.
Kde začína rozloženie?
Rozloženie webovej stránky je popis jej vizuálnej zložky kódom programu. Zároveň by stránka mala vyzerať a fungovať správne v akomkoľvek prehliadači (byť cross-browser). Naučiť sa vytvárať webové stránky od nuly by ste mali začať vytvorením rozloženia PSD sami, napriek tomu, že by ho teoreticky mal vytvoriť webový dizajnér.
Hlavnou úlohou dizajnéra layoutu je spracovať materiál, ktorý sa k nemu dostane vo forme textov, obrázkov, katalógov a pod., a premeniť ho na web stránky na základe schváleného web dizajnu.
Predstavte si však, že ste akýmsi dizajnérom rozloženia 2 v 1 a z nejakého dôvodu ste museli rozloženie vysádzať namiesto dizajnéra, ktorý sa nestará o vaše problémy.
Aby ste sa rýchlo naučili kresliť rozloženia, bez ohľadu na to, ako banálne to môže znieť, stačí ich nakresliť veľa. Výrazne vám pomôže aj nekonečné prezeranie cudzích prác. Zároveň dbajte na všetky drobné detaily, na to, aké farby, prechody, fonty, zarážky atď.
Časom aj vy sami začnete cítiť, čo vyzerá krásne a čo nie. Na úplnom začiatku môžete jednoducho vziať a nakresliť napríklad prvky rozhrania iných ľudí. To vás prinúti premýšľať o tom, ako sú tieto prvky postavené a z čoho pozostávajú. A potom pre vás krásne vzory prestanú byť niečím mýtickým, pretože niečo podobné budete vedieť vytvoriť.
Nástroje na rozloženie webových stránok
Čo sa týka nástrojov, veľa webových dizajnérov používa na vytváranie rozhraní Adobe Photoshop. S týmto programom môžete robiť čokoľvek.
Sú ľudia, ktorí pracujú len s vektorovou grafikou a na vytváranie rozložení používajú Adobe Illustrator.
A ďalší editor, ktorý som neskúšal, ale ktorý je podľa povestí celkom dôstojnou alternatívou k vyššie uvedenému, je Sketch, ale funguje iba pod Mac OS.
Zoznámenie sa - HTML
Ďalším krokom po nakreslení rozloženia je rozloženie a vytvorenie šablóny HTML. HTML je jazyk, ktorý sa používa na označovanie dokumentov na webe a prehliadač ho interpretuje tak, aby sa dal pohodlne zobraziť ako dokument.
Pomocou HTML značenia označujeme, kde sa na webovej stránke objaví text, obrázky, tlačidlá a v akom poradí sa budú zobrazovať vedľa seba. Hlavnými pojmami v tomto jazyku sú značky, atribúty, prvky a entity.
Najzákladnejší webový zdroj nie je nič iné ako súbor stránok HTML. Ak je stránka statická, potom po rozložení skutočne dostanete jej konečnú verziu a nie iba šablónu. Teraz sú takéto stránky, samozrejme, vzácnosťou. Všetky moderné webové stránky sú generované dynamicky pomocou nejakej serverovej logiky, ktorú si buď napíšete sami, alebo použijete hotovú s pomocou nejakého CMS (systému na správu obsahu).
Bez tejto logiky na strane servera by väčšina online služieb, ktoré používame každý deň a na ktoré sme tak zvyknutí, nebola možná. Čo sa týka HTML, je to úplne nekomplikovaný jazyk.
V Runete je obrovské množstvo platených lekcií o rozložení webových stránok a ďalších materiálov so slušnou základňou učenia. Podľa mňa naučiť sa tento jazyk sám nie je vôbec problém.
Zlepšujeme sa – CSS
Po zvládnutí základov HTML sa môžete okamžite začať učiť CSS (Cascading Style Sheets), ktoré vám umožňujú nastaviť fonty, farby a umiestnenie jednotlivých blokov webu.
Pre CSS môžem odporučiť dobrý, ktorý vám pomôže vybudovať si kariéru dizajnéra layoutov aj v prípade, že nemáte vôbec základné znalosti webdizajnu a layoutu.
Chcem vás však upozorniť, že naučiť sa byť dizajnérom rozloženia webových stránok nie je až taká ľahká úloha. V rozložení je veľa jemností a nuancií. Vo všeobecnosti, aby ste sa mohli pozrieť na rozloženie a hneď si predstaviť hierarchiu jeho prvkov, ako presne môžu byť rozmiestnené a s akými vlastnosťami, to všetko vyžaduje veľa praktických skúseností.
Je potrebné sa naučiť všetky HTML/CSS tagy, atribúty a vlastnosti?
HTML má veľa rôznych značiek a atribútov a CSS má veľa vlastností, ktoré môžu mať rôzne hodnoty. Preto sa veľa začiatočníkov zaujíma o otázku: kde začať s rozložením stránky a či je potrebné zapamätať si všetky tieto hodnoty, značky a vlastnosti?
Samozrejme, ak máte jedinečnú fotografickú pamäť, nebude pre vás ťažké naučiť sa toto všetko a zároveň aj tri zväzky Vojny a mieru naspamäť. V opačnom prípade si nemusíte pamätať všetky tieto slová.
Na začiatku, keď sa prvýkrát zoznámite s CSS, budete sa stále pozerať na to, čo robí každá vlastnosť a každá hodnota tejto vlastnosti. Postupom času pochopíte, čo môžete robiť pomocou kaskádových štýlov a niektoré z týchto vlastností / hodnôt sú už uložené vo vašej hlave. Samozrejme, pokiaľ netrpíte amnéziou.
To isté platí pre akýkoľvek jazyk, vrátane JavaScriptu, PHP atď. Všetko, čo často používate, vynikne samo o sebe. Všetko, čo zriedka používate, môžete nahliadnuť do referenčnej knihy, ktorých je v sieti veľa. Nie je sa za čo hanbiť a, poviem vám tajomstvo, robia to všetci správcovia webu.
Zjednodušujeme proces rozloženia
Pre prípady, keď potrebujete rýchlo vytvoriť nejaké rozhranie alebo prototyp stránky, existujú CSS frameworky, ako je Bootstrap. Umožňuje vám stať sa webmasterom, webovým programátorom a programátorom v jednej osobe bez znalosti štýlov, programovacích jazykov a hypertextových značiek.
Keď si zvyknete na CSS a začnete vytvárať svoj vlastný, jedinečný CSS, možno už nebudete mať flexibilitu tohto jazyka a budete chcieť použiť nejaký predprocesor CSS. Preprocesory odstraňujú všetok odpad z kódu CSS, robia ho čistejším a logickejším, zvyšujú mieru abstrakcie pomocou premenných a iných „čipov“. Najpopulárnejšie preprocesory sú LESS, Sass a Stylus.
Letecká akrobacia - JavaScript
Pri štúdiu serióznejších lekcií webového dizajnu narazíte na prvky JavaScriptu zahrnuté v HTML, vďaka ktorým sú webové stránky interaktívne. Ak plánujete robiť nielen Back-end, ale aj Front-end vývoj, tak musíte poznať JavaScript na veľmi dobrej úrovni.
Okrem samotného jazyka musíte poznať všetku infraštruktúru, ktorá okolo neho existuje (knižnice, frameworky, rozhrania prehliadačov atď.). Zvládnutie všetkých týchto prvkov vám môže trvať od jedného roka do nekonečna (v závislosti od toho, či máte osobný život).
Zhrnutie
Takže, ako ste, dúfam, už pochopili, návrhár rozloženia je veľmi dôležitá a starodávna internetová profesia, od ktorej závisí:
rýchlosť načítania stránky;
primeranosť jeho zobrazenia v rôznych prehliadačoch;
prispôsobivosť rôznym užívateľským obrazovkám;
Súlad so štandardmi HTML a požiadavkami vyhľadávacieho nástroja.
Zatiaľ je to všetko. Nezabudnite sa prihlásiť na odber noviniek na našom blogu, aby ste nezmeškali všetky najzaujímavejšie veci o učení rozloženia webových stránok od začiatku.
Kým sa opäť stretneme, milí kolegovia a tí, ktorí sa práve vydávate na túto náročnú, no veľmi vzrušujúcu cestu vývoja webu!
Je pomerne stabilný, a tak neprekvapuje, že rastie aj počet ľudí, ktorí chcú toto remeslo ovládať. Navyše, pokiaľ ide o mňa, toto je jedna z najjednoduchších „cestičiek, ako sa dostať do IT“. Aj keď je dôležité pochopiť, že pre dobrý výnos sa musíte stať profíkom - okrem vedomostí musíte neustále systematizovať a modernizovať svoje zručnosti, byť vždy „na vlne“ a používať iba relevantné moderné metódy.
Rovnako ako v každej inej profesii, učenie sa rozloženia webových stránok začína od nuly - so základnými konceptmi a teóriou. Dnes si o nich povieme. Konkrétne budem považovať za super užitočnú službu Interneting is Hard, ktorú 100% odporúčam všetkým začiatočníkom.
Neviem, či na moderných univerzitách existujú podobné oblasti, ale myslím si, že v tejto oblasti majú prednosť špecializované online kurzy alebo samostatné štúdium layoutu. Prvá metóda ponúka komplexnejší a serióznejší prístup, ale druhá je úplne bezplatná. Vzhľadom na rozvoj tematických blogov a video kanálov nie sú v súčasnosti žiadne problémy s vyhľadávaním informácií.
Osobne som začínal s jednoduchými (a stále papierovými) knihami o HTML / CSS, potom nasledovali roky školenia a postupom času som sa rozhodol upevniť / systematizovať vedomosti pomocou nejakých kurzov. V skutočnosti je z čoho vyberať, aj keď nie všetky možnosti sa nakoniec ukážu ako užitočné. Absolvoval som online školenie v layoute v spoločnosti Netology. Práve prebieha nábor do ďalšej skupiny.
Výhodou kurzov je, že môžu poskytnúť krok za krokom a efektívnu asimiláciu vedomostí prostredníctvom:
- poučné prednášky zostavené poprednými odborníkmi a praktizujúcimi sadzačmi;
- jasné a dobre ilustrované príklady;
- praktické úlohy na upevnenie materiálu.
Najmä v Netológii všetko prebieha formou webinárov s možnosťou klásť otázky. K dispozícii je domáca úloha, diplomová práca a osvedčenie o absolvovaní. Všetko je skrátka vážne. Takéto dodatočné čipy robia online kurzy „ziskovejšími“ a náklady sú zároveň len investíciou do vás samotných.
Ak máte pochybnosti, hľadajte bezplatné materiály na rôznych stránkach - spravidla môžete získať niekoľko kurzov alebo školiacich článkov na preskúmanie práve takto. A, samozrejme, existujú desiatky ďalších vzdelávacích webových zdrojov, za prístup ku ktorým nemusíte platiť.
Internet je tvrdý – služba štúdia rozloženia
Nakoniec prejdime k projektu Interneting is Hard – tá vec je skutočne veľmi cool! Ide o plnohodnotný komplexný kurz na zvládnutie HTML a CSS pre začiatočníkov, ktorí sa nikdy nesnažili do detailov pochopiť štruktúru webových stránok a ich vývoj. Ak neviete, kde začať s učením rozloženia - 100% prejdite sem.
Na začiatok stačí motivácia a znalosť angličtiny. Nebudú žiadne problémy s organizačnými problémami - vývojári zostavili niečo ako „kurikulum“, ktoré zahŕňa:
- 14 kapitol s postupným prehlbovaním látky;
- 284 jasných príkladov kódu;
- tabuľky a grafy;
- takmer 43 tisíc slov;
- moderná technológia (áno, existuje aj Flexbox).
Vlastnosti a vlastnosti služby
Proces učenia sa rozloženia HTML v Interneting is Hard má niekoľko výhod v porovnaní s inými podobnými projektmi:
1. Krásne diagramy znázorňujú zložité aspekty predmetu, vďaka čomu sú ťažko pochopiteľné štruktúry jasné a jednoduché. Namiesto toho, aby ste si v hlave hromadili množstvo neznámych pojmov, stačí si ich čo najelementárnejšie vizualizovať, ako to robia autori kurzov.
2. Do vzdelávacieho procesu sú zapojené všetky moderné techniky rozloženia: webová typografia, sémantické HTML, vytváranie responzívneho dizajnu a ilustrácií, ako aj Flexbox. Pomôžu začiatočníkovi stať sa vyhľadávaným špecialistom a profesionálovi osviežiť svoje znalosti;
3. Názorné príklady demonštrujú hlavné koncepty prezentácie prostredníctvom konkrétnych scenárov. To znamená, že používateľ nemusí čítať nekonečné „plátna“ textu. Tento prístup vždy vedie k nude, ktorá v konečnom dôsledku vedie k opusteniu štúdia.
Po každých 2-3 odsekoch nasleduje písanie kódu a prezentácia toho, ako to funguje. Takže budúci špecialista dostane svoju prvú prax v textových editoroch a kontrole výsledkov v prehliadači;
4. Tento kurz dizajnu webových stránok je úplne zadarmo. Mnohí pri učení HTML stále váhajú, či je to naozaj to, čo chcú robiť. A ak platené kurzy môžu spôsobiť, že budete ľutovať stratené peniaze, potom vám Interneting is Hard poskytne maximum vedomostí bez toho, aby ste na oplátku požadovali dolár.
Časti pre fázovú štúdiu rozloženia
Ako som uviedol vyššie, „učivo“ pozostáva zo 14 tematických blokov. Poďme sa na ne rýchlo pozrieť:
- Úvod. Úvodná časť, ktorá vysvetľuje, čo HTML, CSS a . Vysvetľuje aj rozdiely medzi frameworkami a jazykmi a ukazuje aj princíp práce s textovým editorom ATOM.
- Základné webové stránky. Druhá kapitola ilustruje štruktúru elementárnej webovej stránky. Demonštruje štruktúru HTML – „kostru“ stránky. Návštevník sa dozvie, prečo sú značky potrebné, aké sú a na čo je každá z nich určená.
- Odkazy a obrázky. Pri znalosti základov dizajnu sa používateľ v tretej časti zoznámi s umiestnením obrázkov a prepojením webových stránok medzi sebou.
- ahoj css. Ďalej začína - takzvané štýly. Tento koncept zahŕňa všetko, čo súvisí s dizajnom: font, farba, umiestnenie, tvar a veľkosť textu.
- Krabicový model. Piata kapitola učebných osnov pokračuje v téme dizajnu a hovorí o „blokovom“ modeli obsahu. Budúci dizajnéri rozloženia sa zoznámia s takými vecami, ako sú okraje, okraje, vnútorné okraje a obsah.
- Selektor CSS. Po poliach nasledujú selektory, základ CSS. Pomocou príkladov kódu v editore tvorcovia kurzov učia správne používanie štýlov.
- pláva. Siedma časť rozširuje získané poznatky o správe veľkostí blokov a oblastí okolo nich. Venuje sa konceptu toku na webovej stránke (Float) a popisuje nuansy práce s mriežkou webovej stránky.
- Flexbox. Po dosiahnutí rovníka učebných osnov ste pozvaní zoznámiť sa s Flexboxom. Ide o moderný nástroj rozloženia, ktorý vám dáva plnú kontrolu nad zarovnaním blokov, smerom, poradím a veľkosťou. Nedávno som mimochodom hovoril o ešte chladnejšej veci.
- pokročilé polohovanie. Ďalej prichádza pokročilejší materiál - pokročilé polohovanie a jeho hlavné typy: relatívne, absolútne a pevné. Aj keď si pamätám, že na kurzoch sme tento čip odovzdali spolu s Floatom a samozrejme pred Flexboxom.
- Responzívny dizajn. Časť 10 sa zaoberá základmi a úlohou responzívneho dizajnu na webovej stránke. Teraz bez neho nikde.
- Responzívne obrázky. Lekcia je venovaná adaptívnym obrázkom, ich škálovaniu, usmerňovaniu a vytváraniu alternatívnych formátov pomocou špeciálnych funkcií.
- Sémantické HTML. Dvanásta kapitola sa opäť vracia k základným pojmom HTML, odhaľuje ho zo sémantického hľadiska. Čitateľ sa tu zoznámi s „sekčnými“ prvkami, novými tagmi a ich aplikáciou.
- Formuláre. V predposlednom odseku je návštevníkovi poskytnutá možnosť naštudovať si konštrukciu formulárov a jej prvky: rozbaľovacie zoznamy, menu, textové polia, ich dizajn a odosielanie informácií napríklad cez .
- webová typografia. Posledný tutoriál hovorí o modernej webovej typografii na weboch – vzhľad textov, nadpisy, fonty atď. Môj ďalší blog má sekciu o webovej typografii, kde nájdete veľa užitočných poznámok k danej téme.
Štruktúra vyučovacích hodín pre rozvrhnutie vyučovania
Aby som ocenil funkčnosť a pohodlie služby Interneting is Hard, navrhujem zvážiť implementáciu jednej z jej podsekcií. Vezmime si druhú lekciu o vytváraní základných webových stránok.
Čo sa mi osobne páči:
- Všetok materiál je usporiadaný podľa podnadpisov. Zároveň je text prezentovaný v prístupnom jazyku a nevyžaduje hlboké znalosti zložitej terminológie. Všetko je krátke a vecné - podľa najlepších tradícií.
- Dôležité a ťažké body sú krásne znázornené pomocou diagramov.
- Pre ľahšie pochopenie a praktické zručnosti sú uvedené príklady písania kódu.
- Všetko je maximálne pohodlné: v pravom hornom rohu je tlačidlo pre návrat do menu, môžete okamžite prejsť na požadovaný podnadpis lekcie (navigácia vpravo) a po prednáške je možné otvoriť ďalšiu kapitolu . Výborná využiteľnosť.
závery
Pokiaľ ide o mňa, Interneting is Hard je v súčasnosti jednou z najlepších stránok na výučbu rozloženia od nuly. Autori kurzu sa postarali o to, aby začiatočníci, ktorí sa nikdy nezaoberali HTML a CSS, pochopili základy tvorby webových stránok jednoduchým a prístupným spôsobom. Informácie sú veľmi dobre štruktúrované – postupne v 14 sekciách prekonáte cestu od začínajúceho používateľa k skúsenému dizajnérovi layoutu. Samozrejme, bez praxe a aplikácie vedomostí to nejde, ale čo sa týka teoretického základu, toto je najkompletnejšia zbierka informácií, s akými som sa stretol. Ak chceš študovať s učiteľmi, pozri si možnosť od Netology, ktorá je tiež veľmi dobrá, aj keď platená.
Ak poznáte ďalšie zaujímavé služby na štúdium vzhľadu webových stránok, pošlite odkazy do komentárov.
Dobrý deň, volám sa Alexander Zelenin a som webový vývojár.
Veľakrát som počul názor, že layout je údelom začínajúcich frontenderov. Aj keď v skutočnosti ide o najdôležitejšiu časť každého (takmer) webového projektu. Toto používatelia vidia ako prvé. V súčasnosti si kvalitné usporiadanie (najmä blokový dizajn) vo veľkom projekte vyžaduje veľké množstvo rôznych zručností.
V tomto článku uvádzam schému vývoja dizajnéra rozloženia
[veľké kliknutie]
Samozrejme, toto nie je komplexná a jediná pravdivá schéma. Existuje tiež celý kopec súvisiacich zručností, príslušných technológií atď. Hodnotenie je subjektívne.
Hneď chcem dodať, že v článku nebudú žiadne konkrétne odkazy na vzdelávacie materiály. Komentáre rád pridám.
čo očakávame?
V prvom rade je potrebné pochopiť, čo od človeka na každej z úrovní očakávame. Vaše očakávania sa môžu líšiť.
Junior- pozná hlavné značky, vie opraviť obsah na hotovej html stránke, vie správne naformátovať text, bez problémov vloží vložený prvok (video z YouTube, mapa Yandex), pracuje cez systém kontroly verzií len pre seba ( majster, 1 prispievateľ). Dokáže vymyslieť niečo jednoduché od začiatku a ani to nepôjde (osobne s ním). Vo všeobecnosti nejde o nezávislú jednotku a vyžaduje si vedenie zhora.
Stredná- viac-menej autonómna jednotka (alebo úplne autonómna pre malé a stredné projekty). Dokáže dobre rozložiť stredne veľkú stránku a bude sa správne zobrazovať vo všetkých aktuálnych verziách prehliadačov. Chápe, ako fungujú nástroje na vytváranie šablón a dokáže ich použiť (za predpokladu, že je poskytnutý zvyšok kódu). Dokáže plánovať a dokumentovať svoju prácu a odhadovať termíny. Chápe dôležitosť udržiavania štýlu kódu. Chápe, prečo existujú grid systémy a css frameworky. Schopný prevziať všetky potrebné informácie z dispozícií od dizajnéra. Dokáže komunikovať s malým tímom, vytvárať pobočky a ťahať požiadavky.
Senior- dokáže navrhnúť blokový systém pre veľký projekt. Vie, ako sa vyhnúť opakovaniu a problémovým oblastiam, keď iní vývojári používajú jeho kód. Dokáže rozložiť zložité úlohy a správne formulovať úlohy. Schopný aplikovať aspoň jednu metodiku vývoja (napríklad BEM). Dokáže otvoriť projekt čo najrýchlejšie. Dobre rozumie niekoľkým populárnym nástrojom na vytváranie šablón. Schopný písať assemblery a automatizovať proces s tým spojený. Môže vykonávať kontroly kódu a dohliadať na ostatných dizajnérov rozloženia.
Pozrime sa teraz trochu konkrétnejšie na to, čo každý z blokov na každej úrovni obsahuje.
Junior
HTML- znalosť hlavných značiek, atribútov. Pochopenie, ako to napísať v princípe.
Typografia- schopnosť formátovať text. Text je základom takmer každého projektu. V prípade potreby vložte medzery, ktoré nemožno deliť, tučné písmo, kurzívu, skratku atď. Môžete použiť typografa alebo podobnú službu, ale buďte schopní pochopiť výsledok.
Sémantika- pochopenie, že pre určité úlohy existujú určité značky. Vedieť vybrať správnu značku.
Médiá- aké typy médií môžu byť vložené na stránku.
iframe- vkladanie miniaplikácií tretích strán (video, zvuk, mapy atď.).
Audio Video- Štúdium môžete odložiť, pretože. čiastočne vyriešené pomocou iframe. Pochopte, aké formáty môže prehliadač prehrávať, ako navrhnúť prehrávač atď.
snímky- aké grafické formáty a v akej podobe prehliadač vníma. Výhody a nevýhody používania určitých formátov.
Raster- jpg, png, gif. Pochopiť rozdiel medzi formátmi a vedieť aplikovať, čo a kde je potrebné.
SVG- Štúdium môžete odložiť, pretože. používame menej často, ako by sme chceli. Pochopte výhody, nevýhody, obmedzenia atď.
Písma- štúdium môžete odložiť. Je to vlastne dosť zložitá téma a vo všeobecnosti by som začiatočníkom poradil používať systémové fonty. Byť schopný načítať fonty, optimalizovať zobrazenie, minimalizovať oneskorenie vykresľovania pomocou vlastných fontov.
Tabuľkové usporiadanie- voliteľné. Pre tých, ktorí chcú v budúcnosti vytvárať kvalitné e-mailové spravodaje.
css 1- fonty, farby, zarovnanie, veľkosti.
CSS 2.1- kontrola správania bloku, polohovanie, úplný dizajn.
Selektory- jednoduché selektory pre značku, triedu, vnorený prvok. Jednoduché pseudoselektory ako :hover.
pomenovanie- ako pomenovať hodiny, aby to nebolo ukrutne bolestivé.
Rozloženie bloku- rozbiť obrázok na vedomé bloky, stelesniť bloky v HTML, ozdobiť CSS.
Prehliadače- štúdium môžete odložiť. Aké prehliadače existujú, aký je ich rozdiel.
Nástroje pre vývojárov- štúdium môžete odložiť. Na riešenie problémov so zobrazením použite nástroje prehliadača.
Textové editory- čo sú textové editory pre vývojárov a prečo. SublimeText a Notepad++ sú príklady, ktoré sú mi známe. Vedieť si v nich nastaviť základné veci, ako sú odsadenie, zalomenie riadkov a podobne.
Systémy kontroly verzií- Osobne považujem schopnosť používať ich aspoň individuálne, osobne pre seba, za veľmi dôležitú. Pochopte, prečo sú tieto systémy vytvorené a aké sú.
git- pochopiť vo všeobecnosti úlohu a princípy najpopulárnejšieho systému na správu verzií.
Github / bitbucket- byť schopný používať jednu z populárnych platforiem pre git.
pokladňa/zaviazať/stlačiť/vytiahnuť- základné operácie pre osobné použitie.
Skrýša- na dočasné uloženie momentálne nepotrebných údajov.
10 diel- vyrobte aspoň 10 diel v rôznych prevedeniach. Môžete otestovať, na tom nezáleží. Je dôležité byť úplný v rámci súčasných vedomostí.
Stredná
CSS 3- gradácia, tiene, vyhladzovanie, filtre, transformácie.
Pokročilé selektory- prvky nasledujúce za špecifikovaným (+), špecifikované počtom (n-té dieťa), shadow-dom, pred/po atď.
Animácie- voliteľné. prechod a animácia. Plynulé prechody, animácie. Pochopte obmedzenia a nevýhody.
Mriežky- prečo existujú, ako ich postaviť, aké sú hotové riešenia. Môžete sa napríklad pozrieť na mriežku Flexbox alebo akúkoľvek inú, ktorú nájdete.
Rámce (CSS) Prečo sú potrebné a ako ich používať. Je vhodné naučiť sa používať aspoň jednu studňu. Veľmi užitočné pre prototypovanie. Výrazne zlepšuje kvalitu projektu pri absencii návrhu rozpočtu (nie je jedinečný, ale použiteľný).
CSS preprocesory- štúdium môžete odložiť. Optimalizácia práce, krajší a čitateľnejší kód. Premenné, mixiny atď. Pracujte s jedným alebo viacerými populárnymi predprocesormi ako SASS, LESS, Stylus.
Mediálne otázky- štúdium môžete odložiť. Zobrazte požadované štýly v závislosti od podmienok (zariadenie, veľkosť obrazovky, hustota pixelov, verzia tlače atď.).
Štýl kódu- pochopiť, na čo slúžia konvencie štýlu, naštudovať si a začať nejaký aplikovať (odporúčam z AirBNB).
SUCHÝ/BOZK/PEVNÝ- štúdium môžete odložiť. Pochopte dôležité zásady rozvoja, ktoré výrazne zjednodušujú ďalšiu údržbu projektu.
OOCSS- voliteľné. Pochopte, čo je objektovo orientované css a na čo slúži. V tej či onej forme sa používa v mnohých projektoch (hoci bez toho, aby pochopili, čo to je). Ideálne je naučiť sa navrhovať. Môže byť skvelé pre veľké projekty.
Dokumentácia- pochopiť, čo a ako dokumentovať. dokument. Môžete to odložiť, ale v budúcnosti si nezabudnite preštudovať značky.
Plánovanie- naučiť sa odhadovať pojmy na obrázku a definovať postupnosť prác.
Rozklad- štúdium môžete odložiť. Zistite, ako rozdeliť úlohu na podúlohy. Je to ťažšie ako to vyzerá :-)
Určenie cieľov- štúdium môžete odložiť. Naučte sa jasne opísať úlohy v texte, aby ostatní vývojári, vrátane tých s nižšou kvalifikáciou, celkom jednoznačne pochopili, čo je potrebné urobiť na ich splnenie.
Flexbox- pochopenie modelu, schopnosť plne sa uplatniť.
Rozloženie písmen- voliteľné. Vo všeobecnosti nie je zručnosť zbytočná. Pochopte vlastnosti poštových systémov, zachovajte si dobrý vzhľad a nespadnite do spamu (ak to nie je spam).
polyfilov- zistiť, ako používať najnovšie vývojové funkcie pri zachovaní spätnej kompatibility. Pochopte výhody a nevýhody tohto prístupu.
Multiplatformové rozloženie- pochopiť, čo je potrebné urobiť, aby projekt vyzeral dobre nielen pod Windows, Linux a Mac, ale aj pod SmartTV alebo PS.
Rozloženie naprieč prehliadačmi- porozumieť rozdielom vo vykresľovaní prehliadača a prinútiť ich, aby sa zobrazovali rovnakým spôsobom. Webová stránka CanIUse je v tomto veľmi nápomocná.
Mobilné rozloženie- štúdium môžete odložiť. Pochopte obmedzenia mobilných platforiem. Využívajte obmedzený priestor rozumne.
Optimalizácia- štúdium môžete odložiť. Pochopte „cenu“ určitých techník. Pochopte, z akých fáz pozostáva zobrazenie stránky používateľovi. - štúdium môžete odložiť. Optimalizácie týkajúce sa veľkosti, vyrovnávacej pamäte, kompresie, združovania zdrojov atď.
Vykresľovanie- štúdium môžete odložiť. Optimalizácie súvisiace s rýchlosťou vykresľovania po načítaní.
SEO- štúdium môžete odložiť. Aspoň základné pochopenie fungovania vyhľadávačov. Možnosť „pomôcť“ vyhľadávaču zistiť, kde hľadať a čo je dôležité.
Motory šablón- pochopiť, ako môžete znova použiť kód, zoskupiť prvky a zostaviť stránky. Je veľmi žiaduce naučiť sa vykresľovanie na strane servera aj vykresľovanie na strane klienta. Patria sem aj šablóny v „čistom“ jazyku (napríklad jednoduché vložky PHP). Práca „pred“ (tok údajov) šablónového enginu nás nezaujíma.
PHP- štúdium môžete odložiť. Pochopiť základnú syntax a byť schopný vykonávať menšie úpravy súvisiace s dizajnom stránky.
CMS- štúdium môžete odložiť. Zistite, aké CMS existujú a prečo boli vytvorené. Naučte sa písať šablóny aspoň pre jednu (odporúčam Wordpress).
javascript- štúdium môžete odložiť. Naučte sa základnú syntax, pochopte, ako zavesiť najjednoduchšie obslužné programy a vykonávať jednoduchú prácu s DOM.
jQuery- štúdium môžete odložiť. Zistite, ako ušetriť veľa času na riešenie pomerne typických úloh pomocou pluginov pre najpopulárnejšiu knižnicu js (samozrejme po vanilla.js).
NodeJS- štúdium môžete odložiť. Pochopte, ako spustiť jednoduchý server, distribuovať statickú energiu a vykresľovať na strane servera. Môžete použiť Express alebo akýkoľvek iný rámec.
zhromaždenie- voliteľné. Zistite, ako zostaviť projekt z množstva súborov CSS / HTML do toho, čo potrebujete. Odporúčam vám, aby ste sa ako zástupcovia „iných“ táborov oboznámili aspoň s grganím.
IDE- voliteľné. Zistite, prečo sú potrebné IDE a ako ich používať. Prejdite na používanie nejakého IDE, aby ste ušetrili čas. Dôležité: naučiť sa IDE je porovnateľné s učením sa plnohodnotného programovacieho jazyka a investovať doň veľa času nemusí byť opodstatnené. Osobne používam textové editory (a IDE zapínam len pri veľmi veľkých projektoch).
vetvenia- naučiť sa spravovať pobočky v git.
Zlúčiť- naučiť sa spájať vetvy s riešením konfliktov.
aport/rebase- pochopiť, prečo sa používajú, kedy ich použiť a začať ich používať podľa potreby.
Grafický editor- pochopiť, čo sú, na čo. Ako sa líšia vektory od rastra. Je dôležité porozumieť editorovi aspoň na úrovni „prečítania“ layoutu od dizajnéra. Vyberte si správne písmo, veľkosť, farbu atď. Nie do očí, ale určite. Odporúčam pracovať aspoň s 1 rastrom (Photoshop) a 1 vektorom (Figma).
50 diel- na konci etapy máte asi 50 rôznych prác demonštrujúcich zručnosti zo študovaných oblastí.
Senior
Hoci sa táto skupina zdá na diagrame malá, v skutočnosti je najväčšia. Pretože v tomto bode je potrebné naštudovať si všetko, čo bolo odložené.
Adaptívne / responzívne rozloženie- pochopiť najvyššiu úroveň a spojiť všetky doteraz získané poznatky. Projekt by mal vyzerať dobre všade a na všetkom (v rámci rozumu).
Postupná degradácia / progresívne zlepšovanie- pochopiť, čo to je a prečo. Použite.
Gitflow- vedieť vysvetliť ostatným vývojárom, ako vytvoriť pobočky, kde ich zlúčiť, ako vedieť kontrolovať kód (samozrejme rozloženie, nie kód).
BEM- voliteľné. Pochopte metodiku, ktorá vám umožňuje vytvárať neobmedzené veľké projekty, takže s minimálnou synchronizáciou môžu rôzne tímy využívať vzájomné bloky. Existujú aj iné metodiky, ktoré neprinášajú najhorší výsledok. Dovtedy o nich tak či onak budete vedieť a budete ich môcť študovať, ak si to budete priať.
100 diel- mať spolu sto diel demonštrujúcich rôzne nadobudnuté zručnosti. V skutočnosti je to všetko podmienené. V portfóliu je možné mať jedno dielo (pozostávajúce z rôznych častí), ktoré už ukáže, že sa ničoho nebojíte.
Záver
V skutočnosti sú mnohé z týchto tém malé. Je však veľmi ťažké mať na pamäti množstvo rôznych faktorov. 15 rokov som sa rozprával s menej ako desiatimi návrhármi layoutov (a programátormi všeobecne), ktorých by som zaradil medzi seniorov (dizajnérov layoutov, dobrých programátorov bolo oveľa viac).
Offhand - je celkom možné stráviť rok plnohodnotným štúdiom a praxou iba rozloženia od začiatku (a viac, ak sa pustíte do dizajnu komponentov).
Dúfam, že tým, ktorí sú na začiatku cesty, schéma napovie, kam sa ešte môžete posunúť a že nie je potrebné hneď (alebo sa do nej nemôžete pohnúť vôbec) pustiť do programovania.
Plánujem tiež vytvoriť plnohodnotný bezplatný kurz s podrobným preskúmaním každej z tém obdĺžnika z diagramu. Rád ponúknem, spätnú väzbu, priania a pod.
Kurz bude pravdepodobne vo formáte video lekcií s plnotextovou a grafickou duplikáciou. Ak to bude fungovať, v budúcnosti pridám odkazy do komentárov. Pridať značky
Pre znalosť html a css.
Výsledok
Vstup do profesie / potrebné vecné základy. Počas školenia som si prerobil web. Dobre napumpoval moju úroveň v rozložení stránok.
Preskúmanie
Ďakujem veľmi pekne za poučenie! Jurij Klyuchevsky je vynikajúci učiteľ. Ako učiteľ vzdelaním za seba môžem povedať, že kurz, ktorý vytvoril Yuri, je veľmi dobrý pre začiatočníkov so znalosťou html a css. Metodika - intenzívna, plynulá, správne postavená; zaujímavé, nie otravne únavné a ak máte možnosť a chuť robiť si domáce úlohy, nezostanete na konci tohto kurzu bez pracovísk samostatne vyrobených a rozobratých učiteľom.
Prečo ste prišli na kurz?
Podľa povolania som spojený s rôznymi internetovými projektmi a potrebujem poznať a komunikovať v rovnakom jazyku s programátormi a webovými dizajnérmi, a preto som sa rozhodol úplne a úplne študovať tento smer. Najprv nezávisle pochopil materiál, ale potom sa rozhodol, že je lepšie získať vedomosti od profesionála vo svojom odbore, ktorým je Jurij Klyuchevsky úplne a úplne.
Výsledok
Preskúmanie
Ak chcete získať znalosti v HTML a CSS, potom odporúčam tento kurz od Yuri Klyuchevsky! Prístupné a zrozumiteľné o zložitých technických problémoch a podmienkach! Ak vás zaujíma, čo sa skrýva pod „kapotou“ stránky, ak si sami chcete vytvoriť stránku od nuly pred jej spustením alebo sa len naučiť toto remeslo, potom vám odporúčam, aby ste získali znalosti najskôr od profesionálov.
Prečo ste prišli na kurz?
Som ux dizajnér a potreboval som sa naučiť aj túto časť životného cyklu webového rozhrania. Robiť to svojpomocne si vyžaduje veľa času a pri nabitom pracovnom programe sa snažíte ušetriť každú minútu.
Výsledok
Tu som dostal najpotrebnejšie vedomosti, zložitosť sa postupne zvyšovala, a preto sa zdalo, že je všetko jasné, ale to je, samozrejme, zásluha Yuriho. Bol som študentom kurzu, ale napriek tomu teraz dokážem vytvoriť jednoduchú stránku a rozumiem tomu, čo je napísané v kóde iných stránok.
Preskúmanie
Kurz je veľmi aplikovaný, prax, prax, prax. Veľmi sa mi to páčilo. Moderné technológie, metodiky, rôzne jazyky. Toto všetko skutočne potrebujete, aby ste mohli začať pracovať v tejto oblasti. Ak niekto skutočne hľadá možnosť začať vo svete layoutu, programovania webu, frontendu, tak kurz bude veľmi užitočný.
Prečo ste prišli na kurz?
Naučte sa rozloženie
Výsledok
Štruktúra rozloženia sa stala jasnou sama od seba, teraz v prípade potreby dokážem pochopiť techniky alebo funkcie, ktoré mi boli predtým neznáme, a prepojiť ich s mojím projektom. Vďaka tomu sme sa naučili vytvárať stránky, ktoré môj kamarát dizajnér ohodnotil ako moderné a s relevantnými „čipmi“. Najtrendovejší!
Preskúmanie
Kurz je veľmi efektívny. Yuriy prezentuje materiál takým jasným a štruktúrovaným spôsobom, že som sa nemohol zúčastniť nočných (v mojom časovom pásme) webinárov a napriek tomu robiť úlohy. Nástroje, ktoré učí používať, niekoľkokrát zrýchľujú rozvrhnutie a menia ho z rutinnej práce na bežný kreatívny pracovný postup. Takmer nepretržitá podpora: od kontrolných úloh až po rady týkajúce sa optimalizácie kódu. Zdá sa mi, že Yuri skontroloval prácu oveľa rýchlejšie, ako ich vytvorila skupina))
Prečo ste prišli na kurz?
Rozhodol som sa niečo vo svojom živote zmeniť. Myslel som si, že IT (web) je najlepšie.
Výsledok
Dobre pochopil základy potrebné pre prácu. Pre mňa je ďalším krokom, ktorý vidím, učiť sa JavaScript, JQuery
Preskúmanie
Rozhodol som sa absolvovať kurz a neľutujem. Pretože: 1. Všetko je dostupné. 2. Yura pomohol v týchto otázkach. ktoré vznikli pri plnení úloh. 3. Je tam veľa materiálu, ktorý treba ešte stráviť atď. Odporúčam každému!
Prečo ste prišli na kurz?
Rozhodol som sa urobiť prvý krok k vývoju webu.
Výsledok
Dobrý základ, z ktorého je jasné, akým smerom sa ďalej rozvíjať.
Preskúmanie
Vrelo odporúčam Yuriho kurz o rozložení webových stránok! Školenie je systematizované tak, že počas celého kurzu získate len tie vedomosti, ktoré začiatočník v tejto fáze potrebuje, nič viac. Informatívny a vyvážený kurz, skúsený lektor, primeraná cena. Odporúčam každému, kto má záujem, aby absolvoval tento kurz a prajem Yurimu úspech!
Prečo ste prišli na kurz?
Rozhodol som sa nájsť si prácu, ktorá by sa mi páčila a prinášať nie zlé peniaze. Zastavil som sa na rozložení, páčilo sa mi to, ale veľa nevyšlo. Chcel som viac. Rozhodol sa absolvovať kurz
Výsledok
Otvoril mi oči vo veľa veciach, veľa som sa naučil. V kurzoch je všetko stručné a rýchle a keď sa pozriete späť, pochopíte, ako „vysoko“ ste už v rozložení a pochopíte, kam ďalej. Pochopil som, ako dielo postaviť, kde začať a čo možno odložiť na neskôr. Ovládať nové programy a pracovať s nimi. Potom sa bude dať robiť na voľnej nohe takpovediac pilovať nadobudnuté zručnosti a v budúcnosti uvažujem ísť do hlbších kurzov.
Preskúmanie
V kurzoch nie je nič zbytočné, nudné a nudné. Okrem teórie aj veľa praxe. Navyše cvičte s podrobným vysvetlením každej čiarky. A ak by vám aj potom niečo nebolo jasné, môžete sa opýtať spolužiakov alebo hlavne samotného lektora, ktorý prekvapivo odpovedá veľmi rýchlo.
Prečo ste prišli na kurz?
Flat design mám veľmi rada, krásne minimalistické stránky sú mojou slabosťou. Preto som dlho sníval o vytvorení rovnakých, ale známi programátori povedali, že naučiť sa to trvá 2 roky. Rozloženie preto zostalo na úrovni mojich predstáv.
Výsledok
Základný kurz zvládnutý. Začiatok. Teraz môžete cvičiť sami a prehlbovať svoje vedomosti! Teraz, keď som dokončil kurz, cítim sa takmer skvele))
Preskúmanie
Vo feede VK som narazil na skupinový nábor do kurzu, šiel som tam kvôli zvedavosti. Recenzie od skutočných študentov a cena boli fajn, tak som sa rozpálil a rozhodol som sa, že nemám čo stratiť.)
Zmätený 7-hodinovým časovým rozdielom. (Som z Vadivostoku) Ale Yuri ma upokojil. Sledoval som každý webinár v nahrávke v čase, ktorý mi vyhovoval).
Téma je pre mňa nová. Komplexné. Veľa informácií! Niekedy dokonca mozog začal vrieť a ja som sa cítil ako hlúpa kurva (nie bez neho)) Ale proces učenia je dobre postavený a zaujímavý! Veľa závisí od učiteľa! Yura je skvelý učiteľ! Ak máte skutočný záujem o tvorbu webstránok, tak vrelo odporúčam, neoľutujete!
Prečo ste prišli na kurz?
V blízkej dobe som sa rozhodol prejsť na prácu na diaľku a začal som sa rozhodovať pre internetové povolania, vždy som chcel vytvárať webstránky a hľadal som, ako sa to naučiť.
Výsledok
V tomto kurze sme študovali všetky hlavné témy rozloženia a tiež sme sa dotkli a dokonca vyskúšali aj hlbšie veci, ako napríklad PHP, JS, Ajax, Wordpress.
Preskúmanie
Samotný proces učenia sa mi veľmi páčil, bolo tam veľa informácií, ale keďže sa webináre nekonali každý deň, bol čas to všetko „stráviť“ a vstrebať.
Páčil sa mi aj systém účtovania domácich úloh so známkami za splnenie, vďaka ktorému som robil všetky úlohy načas a držal krok so spolužiakmi. Tento kurz vrelo odporúčam každému, neoľutujete. Ďakujem Yuri za kurz, všetko je veľmi profesionálne urobené a zorganizované.
Prečo ste prišli na kurz?
Omrzela ma práca v kancelárii a rozhodol som sa, že musím zmeniť povolanie, aby som mohol pracovať odkiaľkoľvek. Rozhodol som sa, že sa stanem front-enderom. Najprv som sa chopil základov - html / css. Prihlásil som sa na html-academy, začal som navštevovať kurz, no čím ďalej, tým viac som si uvedomoval, že niečo nie je v poriadku. Poznal som značky, poznal som vlastnosti a atribúty, rozumel som logike označovania, ale čo s týmito znalosťami robiť? Je to ako keby som sa naučil jazdiť na bicykli bez toho, aby som na ňom sedel. Čítal som, že najpohodlnejší spôsob, ako sa naučiť materiál, je prostredníctvom osobného projektu, ale vôbec som nevedel, ako vytvoriť webovú stránku. Potreboval som praktické učenie.
Výsledok
Dostal som oveľa viac, ako som očakával, a ešte pred koncom kurzu som už splatil jeho náklady.
Teraz ešte nepracujem v teréne, aj keď som dokončil pár malých zákaziek - kurz absolvujem znova, aby som si bol istý svojou kompetenciou. Tiež je skvelé, že všetky školiace materiály mi zostanú systematicky usporiadané v šanónoch so všetkými príkladmi a odpoveďami.
Preskúmanie
Plánujem ísť ďalej, zahĺbiť sa do FE, po opätovnom absolvovaní kurzu sa vrátiť k štúdiu JS a jeho frameworkov, dozvedieť sa niečo viac o PHP (ktoré sa mimochodom tiež trochu preberá v rámci tohto kurzu), Python a softvér na vývoj používateľského rozhrania / UX, ako je Adobe xd.
Cena kurzu je nízka, trvanie je to, čo potrebujete, a čo je najdôležitejšie: všetky potrebné témy sú pokryté. Veľmi dobrý kurz. Materiál je prezentovaný hladko, na niektorých miestach s trhnutím dopredu, ale tieto trhnutia sú nevyhnutné, sú to akési bariéry, ktoré chcete prekonať, aby ste videli, čo vás čaká. Kurz odporúčam! Ďakujem Yuri za zostavenie takého školiaceho programu, profesionalitu a pohotovosť!
Prečo ste prišli na kurz?
Musím často cestovať a rozmýšľal som nad tým, že zmením profesiu na voľnú nohu.
Výsledok
Teraz téme rozumiem a mojím cieľom je získať skúsenosti v novej oblasti a prehĺbiť si vedomosti!
Preskúmanie
Od prihlásenia sa do začiatku hodiny budete mať čas pozrieť si úvodné video a návod, ako pripraviť počítač na použitie, takže budete mať základné znalosti o základoch. Kurz je veľmi bohatý (pozri program na stránke), materiál je podaný zaujímavo a zároveň prístupne, je tam množstvo informácií na sebarozvoj.
Kurz je zaujímavý, umožňuje naučiť sa nové povolanie v krátkom čase a za nízke náklady, je veľa materiálu a v rôznych formách, učiteľ a kurátor kurzu sú vždy v kontakte a pomôžu, a vo všeobecnosti sú všetci na kurze veselí a pohotoví! =
Prečo ste prišli na kurz?
Samotný online vzdelávací proces som považoval za málo atraktívny, pretože pri výbere kurzov sa môžete spoľahnúť len na šablónový popis vzdelávacieho programu a na webovú stránku autora. Vybral som si niekoľko týždňov, na niektorých miestach som nechal prihlášky, no všade som to z rôznych dôvodov odmietol. A potom som natrafil na peknú stránku Yuri. Zanechal som žiadosť, podpísal som kontakt, včas sa vyskytli problémy, pretože polovica môjho štúdia sa zhodovala s mojím odchodom, pre ktorý Yuri ponúkol veľmi vážne dôvody, prečo zostať.
Výsledok
Získané poznatky, ktoré budú užitočné v praxi.
Preskúmanie
Lekcie sú logicky štruktúrované, existuje spätná väzba od publika, dotýka sa bodov, ktoré budú užitočné v budúcnosti. Vo všeobecnosti môžem s istotou povedať, že to stojí za to. Skype chat so skupinou a preberaný materiál zostane s vami a vo všeobecnosti ide o jackpot! Prajem Yurimu úspech a plusy v chate!
Prečo ste prišli na kurz?
Zvládnite profesiu HTML kódera.
Výsledok
Po absolvovaní kurzu HTML5/CSS3 Web Layout som dostal obrovské množstvo užitočného materiálu prezentovaného zaujímavou formou, ktorý sa mi bude hodiť v mojej kariére webového vývojára.
Preskúmanie
Vzhľadom na to, že autor má výborné učiteľské schopnosti, každá hodina bola zábavná a ľahko pochopiteľná. Yuri vždy odpovedal na moje otázky a pomohol vyriešiť akékoľvek problémy. Kompetentne štruktúrované domáce úlohy, počas ktorých som si upevnila vedomosti získané na webinároch. Tento kurz obsahoval veľmi relevantné témy, ktoré oceňujú zamestnávatelia v oblasti web developmentu. Ďakujem Yuri za tento kurz, pretože je to skvelá príležitosť získať relevantné a žiadané povolanie.
Prečo ste prišli na kurz?
Mal som predstavu o HTML a CSS z rôznych bezplatných zdrojov, ale nevedel som napísať niečo viac alebo menej vážne.
Výsledok
Na kurze sme sa posunuli od jednoduchého k zložitému a to mi pomohlo usporiadať si doterajšie vedomosti a nadobudnúť nové, ako aj získať praktické skúsenosti s rozložením. Teraz sa môžem bezpečne ujať rozloženia nie príliš komplexnej šablóny s prvkami Java scriptu a hlavne viem, kam mám ísť ďalej, aby som si zdokonalil svoje znalosti.
Preskúmanie
Pre mňa bol tento kurz veľmi užitočný a efektívny. V praxi sme vymysleli niekoľko diel a Jurij veľmi podrobne a individuálne vysvetlil všetky nepochopiteľné momenty. Cenné je aj to, že okrem HTML a CSS sme sa pozreli aj na užitočné vývojárske nástroje, o ktorých som nemal ani potuchy. Ďakujem Yuri z celého srdca za jeho prácu, prajem vám tvorivý úspech a dúfam v ďalšiu komunikáciu.
Prečo ste prišli na kurz?
Na kurz som prišiel s nulovými znalosťami v oblasti webdizajnu, aby som začal kompetentne a zaujímavo vytvárať web stránky.
Výsledok
Odchádzal som s príjemnými dojmami, prasiatkom nápadov a množstvom vedomostí a zručností.
Preskúmanie
Som veľmi vďačný Jurijovi za jeho trpezlivosť, za podrobné a konštruktívne vysvetlenia. Kurz je skvelý a plný všetkého, čo potrebujete. Samozrejme, kurz bol intenzívny, ale veľmi efektívny. Takže vrelo odporúčam každému, kto sa chce naučiť tajomstvá HTML a CSS. Hovorí sa, že čas sú peniaze, takže nestrácajte čas hľadaním tutoriálov - všetko je v jednom kurze. Ešte raz ďakujeme našej pani učiteľke
Prečo ste prišli na kurz?
Kurz som začal s nulovými znalosťami v oblasti HTML, CSS a celkovo všetkého, čo súvisí s vývojom web stránok, Landing page atď. V práci vznikla potreba rozvoja našej spoločnosti na internete. Premýšľali sme, radili sa a rozhodli sme sa nájsť niečo vhodné na štúdium
Výsledok
Vďaka takémuto intenzívnemu kurzu sa veľmi dobre zapamätali princípy a algoritmy rozloženia webových stránok.
Preskúmanie
Kľúčové body v kurze:
1. Jeho premyslená postupnosť od úplných základov, po knižnice, čipy.
2. Intenzita kurzu, napriek veľmi veľkému množstvu práce.
Prečo ste prišli na kurz?
Sám som sa začal učiť layout. Prešiel som takmer na koniec online simulátora na codecademy, pozrel som si návody na YouTube a postupne som zbieral nejaké vedomosti. Ale akosi sa všetko pomiešalo, hoci som si myslel, že už toho viem dosť veľa. Teoreticky sa zdalo, že to funguje dobre, ale v praxi to veľmi nefungovalo.
Výsledok
Kurz pomohol štruktúrovať existujúce vedomosti + získať nové zručnosti. Pochopil som to hlavné a trochu som si preštudoval proces rozloženia.
Preskúmanie
S kurzom aj lektorom som spokojná. Chcel by som poznamenať, že Yuri je vždy pripravený pomôcť, to znamená v „mimopracovnej dobe“.
Prečo ste prišli na kurz?
Chcel som sa naučiť HTML a CSS, ale nevedel som, kde začať, respektíve, z ktorej strany sa k takejto „beštii“ postaviť.
Výsledok
Kurz bol skvelým začiatkom a dal mi množstvo poznatkov, ktoré mi teraz umožňujú S dôverou ponoriť sa do hlbšieho štúdia HTML a CSS. Teraz sa už nebojím žiadneho titulku, div, webkitu, ul, meta, bootstrapu, font-weight, paddingu a iných pre mňa dovtedy neznámych zvieratiek)))
Preskúmanie
Ak ste začiatočník, tento kurz je pre vás ako stvorený. Okamžite sa ponoríte do samotnej podstaty procesu a rýchlo uvidíte výsledky svojho úsilia - nie komplikované pracovné stránky na vašom vlastnom webe. To však nie je všetko, v procese učenia sa úlohy stanú zložitejšími a hlbšími a v konečnom dôsledku si budete môcť vytvárať vlastné plnohodnotné pracovné stránky s originálnym dizajnom a vtipnými „vychytávkami“. Ďakujem Yuriymu za trpezlivosť a pozornosť voči účastníkom kurzu!
Prečo ste prišli na kurz?
Potrebovali sme jasné znalosti, aby sme mohli začať pracovať v html.
Výsledok
Na vlastnej koži som pocítil, čo je to html, css, photoshop a iné dobroty. Zoznámil som sa s kopou technológií, ktoré uľahčujú život a zaručujú prispôsobivosť rozloženia pre rôzne prehliadače a zariadenia. Vo všeobecnosti na konci odchádzal z ihriska so vztýčenou hlavou.
Preskúmanie
Kurz je veľmi intenzívny, je tam veľa informácií, je ťažké si zapamätať všetko naraz, preto v žiadnom prípade nešetrite a domáce úlohy si musíte robiť načas, v žiadnom prípade by ste nemali zaostávať. Kurz je dobre štruktúrovaný.
Prečo ste prišli na kurz?
Potrebujete znalosti o vývoji webu. Potrebovala som prax (veľa praxe) + mentora, ktorý ma nasmeruje na tie správne informácie.
Výsledok
Prišiel som na ťažké chvíle s rozložením a teraz, bez použitia tutoriálov a lekcií, môžem ľahko vysádzať stránky pomocou rámcov aj bez nich. Konečne som našiel človeka, ktorý by dal dobrý štart do práce v layoute =)).
Preskúmanie
Tento kurz je vhodný pre úplných začiatočníkov a pre tých, ktorí HTML a CSS nevideli prvýkrát. Chcel by som ešte raz poďakovať za trpezlivosť a čas, ktorý Yuri strávil vysvetľovaním tých istých vecí znova a znova. Pomohlo to (a stále pomáha).
Prečo ste prišli na kurz?
Zlepšite svoje vedomosti.
Výsledok
Už som mal znalosti o rozložení, ale vďaka kurzu som sa mohol naučiť všetky jemnosti, pochopiť detaily, podrobnejšie študovať všetky nuansy. Teraz už študujem php a integrujem hotový layout na bitrixe, ale keď budem mať otázky ohľadom layoutu, nepochybne sa obrátim na Yuru, vždy mi pomôže a povie, za čo som mu veľmi vďačný.
Preskúmanie
Podotýkam, že Yura je vynikajúci učiteľ, vysvetľuje veľmi jasne a zrozumiteľne. Páčilo sa mi, že veľmi dobre premyslel štruktúru kurzu, vďaka čomu sa kurz veľmi ľahko učil a bol veľmi prehľadný. Podrobné vysvetlenie všetkých chýb v d / s a nahrávanie videa je veľmi užitočné a pohodlné. Prihláste sa na kurz, neváhajte, študujte a uspejete!
Prečo ste prišli na kurz?
Vo vývoji webových stránok som videl perspektívu vlastného podnikania, ktoré si nevyžaduje veľké investície zvonku a môže sa zdvihnúť len pomocou dobrého nápadu a jeho ďalšej realizácie. Začal som sa samoukom HTML, CSS a za mesiac som už mal nejaké výsledky, podarilo sa mi vyskladať 3 malé stránky. Ale môj pokrok sa mi zdal veľmi dlhý, dobre som pochopil, že na učenie sa niečoho nového je potrebný skúsený mentor.
Výsledok
Teraz po absolvovaní kurzu mám všetko, čo potrebujem na rozvrhnutie takmer akejkoľvek strany, ostáva už len prax. Čím viac praxe, tým lepšie sa nadobudnuté vedomosti upevňujú.
Preskúmanie
Všetko sme sa začali učiť od základov a od prvej hodiny sme nadobudnuté vedomosti začali aplikovať v praxi. S každou lekciou sme získavali nové a nové poznatky, nové a nové zdroje so súvisiacimi materiálmi. Na začiatku štúdia som mal asi dve záložky na štúdium tohto odboru, teraz ich mám viac ako 48.
Počas kurzu sa vytvorilo niekoľko strán, z ktorých každá poskytla príležitosť na upevnenie preberanej látky. Od prvej hodiny nám boli vštepované správne štandardy rozloženia: sémantika stránky, čitateľnosť kódu a oveľa viac. Zvažovalo sa množstvo súvisiacich programov, ako napríklad Photoshop, Brackets a Sublime.
Vrelo odporúčam tento kurz ako začiatok, ak vás tento smer zaujal. V konečnom dôsledku získate dobré základné znalosti a skúseného mentora, ktorý je aj po absolvovaní kurzu pripravený poskytnúť vám podporu a pomôcť vám nájsť východisko z ťažkých situácií, ktoré vás môžu pri layoute stretnúť.
Prečo ste prišli na kurz?
Chcel som sa začať učiť html. Pred kurzom boli moje vedomosti na úrovni „existuje html, má nejaké značky a z nich sa získava stránka“.
Výsledok
Teraz, po absolvovaní kurzu, dokážem nalíčiť takmer akúkoľvek stránku, pričom bude sémantická a bude vyzerať adekvátne na akomkoľvek zariadení. Samozrejme, môžete a mali by ste sa naučiť všeličo, ako napríklad js, php, wordpress (pokiaľ sa samozrejme nezameriate na front-end vývojára širokej úrovne), ale vďaka kurzu a najmä Yuri, mám dosť silný začiatok vo vedomostiach (html5, css3, mriežky, mediálne dotazy, prispôsobivosť, trochu photoshopu a veľa súvisiacich), najmä v praxi.
Preskúmanie
Kurz absolvoval a bol som veľmi spokojný. V triede sme po prejdení základných vecí ako domácej úlohy začali skladať strany podľa predlôh, pričom predlohy sú pomerne bohaté - bloky, obrázky, formuláre, jedálne lístky. Ťažké, spočiatku nepochopiteľné, ale zaujímavé. Ešte raz ďakujem Yuri: za akúkoľvek otázku, ktorá sa vyskytla počas lekcie (ako funguje tá či oná technológia alebo služba), alebo v procese domácej úlohy (prečo nejaký blok alebo menu nechce vyzerať ako ich nakodili), vždy bola jasná podrobná odpoveď, "vysvetlenie na prstoch", prečo to tak bolo. Vo všeobecnosti som bol ja osobne so školením spokojný, nikdy som neľutoval investované peniaze, predsa len investície do seba, do vzdelania a budúcnosti.
Prečo ste prišli na kurz?
Chcel som sa začať učiť html a css. Prišiel s takmer nulovými znalosťami.
Výsledok
Získali vedomosti a porozumeli tomu, ako rozvrhnúť stránku a hlavné body pre vytváranie lokalít.
Preskúmanie
Páčil sa mi tréner Yuri. Nechápem, ako má toľko voľného času?! Bol k dispozícii takmer každú hodinu, pripravený odpovedať na otázky a vyriešiť problém online - aj keď to bolo po pracovnej dobe! Hovoril veľmi jasne, systematicky, nebolo cítiť „cválanie Európou“. Všetko študovali, kým to nebolo jasné, a dz sa určite muselo urobiť a prejsť. Ak sa chcete začať učiť html a css, potom odporúčam tento kurz!
