Web-vývoj od nuly

Front-end

Rozložení

Seznámení s rozložení

Tato úroveň je určena pro lidi, kteří nikdy верстали a nemají představu o rozložení, CSS a HTML.

Kurzy

1. Úvod do Internetu
2. Základy HTML
3. Obsah v HTML
4. Formuláře v HTML
5. Základy CSS
6. Text v CSS
7. Bloková model v CSS
8. Umístění v CSS
9. Lekce z HTML a CSS

Adresáře

1. CSS-selektory
2. Rozměry
3. Barvy
4. Уголы
5. Media dotazy
6. Filtry

Скринкасты

1. Základy HTML

Základní layout

Tato úroveň je určena pro lidi, kteří mají základní představu o rozložení, CSS a HTML.

Kurzy

1. Ponořit se do HTML5
2. Jak верстать na HTML5 a CSS3
3. HTML5 a CSS3 na příkladech
4. Kouzlo CSS
5. Pokročilé CSS
6. Pokročilé tutoriály na HTML a CSS

Článek

1. Adaptivní rozložení
2. Retina
3. E-mailů

Adresáře

1. Seznam CSS
2. Seznam HTML

Moderní technologie-dtp

Tato úroveň je určena pro lidi, kteří mají představu o rozložení a chtějí se učit nové technologie a přístupy k rozložení.

Kurzy

1. Font Awesome
2. Browser Rendering Vyhledávače

Dokumentace

1. Základy БЭМ

Článek

1. Kódování s adaptivní e-mailů (část 1)
2. Kódování s adaptivní e-mailů (část 2)
3. Způsoby organizace CSS kódu

Скринкасты

1. CSS: Flexbox
2. Píšeme БЭМ správně

Adresáře

1. Rendering CSS

Nástavby nad HTML a CSS

Метаязыки jsou add-ons nad HTML, CSS.

Kurzy

1. Základy Sass
2. Sass
3. Less

Dokumentace

1. SassScript
2. Jade
3. Stylus

Automatizace vývoje

Tato úroveň je určena pro lidi, kteří mají hlubší představu o rozložení a kteří chtějí prozkoumat způsoby, jak optimalizace a automatizace jejich práce. Pro další studium potřebovat znalost JavaScript a podobně NodeJs

Kurzy

1. Začínáme s Grunt.
2. Montáž s Gulp
3. Automatizace práce s Gulp
4. Bower, Gulp a Yeoman
5. Node, Express a libsass: projekt od nuly

Скринкасты

1. Screencast na Gulp
2. Screencast na Webpack

Frameworky pro rozvržení

Hotové frameworky pro rozvržení layoutu.

Kurzy

1. Bootstrap

Dokumentace

1. Bootstrap
2. Foundation
3. Skeleton

JavaScript

Jazyk JavaScript

Kurzy

1. Seznámení s JavaScript

Návod

1. Úvod
2. Základy JavaScript
3. Kvalita kódu
4. Datové struktury
5. Obvod, rozsah
6. Metody objektů a kontext volání
7. Některé další možnosti
8. OOP ve funkčním stylu
9. OOP v прототипном stylu
10. Moderní vlastnosti ES-2015

Скринкасты

1. Základy ES6
2. Javascript Tutorial For Beginners
3. Javascript Fundamentals
4. Modular Javascript

Dokument, události, rozhraní

Návod

1. Dokument a objekty na stránce
2. Základy práce s událostmi
3. Události v detailu
4. Formuláře, ovládací prvky
5. Tvorba grafických komponent

Navíc

Kurzy

1. Hluboké ponoření do Canvas

Návod

1. Webové komponenty: pohled do budoucnosti
2. AJAX a COMET
3. Animace
4. Optimalizace
5. Okna a Rámy
6. CSS JavaScript developer
7. Kufr s nástroji
8. Regulární výrazy
9. O každé всячине

Node.JS

Kurzy

1. Vytvoření první aplikace na Node

Скринкасты

1. Screencast pro Node.JS
2. Node.js Tutorials

Dokumentace

1. Node.JS

jQuery

Kurzy

1. Základy jQuery

Скринкасты

1. jQuery Tutorial for Beginners

Dokumentace

1. jQuery API

AngularJS

Kurzy

1. AngularJS. Recepty programování

Скринкасты

1. Základy Angular 2
2. MEAN Stack Tutorials (MongoDB, Express, Angular, NodeJs)

Reaktivní

Скринкасты

1. Reaktivní JS Tutorials
2. Redux Tutorials

Back-end

PHP

Adresář jazyka

Dokumentace

1. Základy syntaxe
2. Typy
3. Proměnné
4. Konstanty
5. Vyjádření
6. Operátoři
7. Řídící konstrukce
8. Funkce
9. Třídy a objekty
10. Jmenný prostor

Navíc

Dokumentace

1. Errors
2. Výjimky
3. Generators
4. Odkazy. Vysvětlení
5. Předdefinované proměnné
6. Předdefinované výjimky
7. Vestavěné rozhraní a tříd
8. Kontextové možnosti a parametry
9. Podporované protokoly a manipulátory (wrappers)
10. Bezpečnost
11. Charakteristické rysy
12. Seznam funkcí
13. Jádro PHP: Průvodce hacker

Navíc

Systém pro správu verzí

Git

Návod

1. Úvod
2. Základy Git
3. Větvení je v systému Git
4. Git na serveru
5. Distribuovaný Git
6. Nástroje Git
7. Nastavení Git
8. Git a jiné systémy pro správu verzí
9. Git zevnitř