Фронтенд
Боба (Бобир Олександр Анатолійович)
poshtar.boba@gmail.com
viber: +380682096694
telegram: poshtarboba
Notebook: SSD, 8+ Gb RAM
Text editor: Notepad++
IDE: Subime Text, PhpStorm, Atom, Brackets, NetBeans, Eclipse, Visual Studio
Web-server: OpenServer, XAMPP
Graph: Photoshop, Sketch, Avocode
FM + FTP: Total Commander, FileZilla, MS Explorer
Utils: Git, Node
Browsers: Chrome, Firefox, Safari, MS IE 11, Edge
Mobile: Chrome, Safari, Android Browser, Opera Mini
Групи
QR-код посилання на цю сторінку
Додаткові матеріали
JavaScript
Макети
- Футболки (jpg)
- Heroes III (jpg)
- Minecraft (jpg)
- Таблиці (jpg)
- Веб-форми (jpg)
- Авто-ЗАЗ (jpg)
- E-mails (jpg)
- Гумова верстка (jpg)
Колективні завдання
- репозиторії проектів
- Простий колективний проект
- Assos (jpg)
- Мебель (jpg)
- репозиторій соцмережі на AJAX
Лендінги
- Іскандер (jpg)
- Масло (jpg)
- Tajam (jpg)
- Dolce Vita (jpg)
- Assos 2 (jpg)
- Зіон Маркетинг (jpg)
- Микола Кемпінський (jpg)
- Глобус автобус (jpg)
- Спільнота людей з вадами нирок (jpg)
- Центр правових експертиз (jpg)
Невеликі сайти:
- Бізнес-Експерт (jpg)
- Супер-посилка (jpg, є макети для мобільних версій)
- Маки (jpg)
- Житловий комплекс Сонячний (jpg, не повинно з'являтися полос прокрутки)
- Спільнота об'єднаних олігархів (jpg)
- РусМетПром (jpg)
- Sinfo (jpg)
Багатосторінкові сайти
Безкоштовні макети під Bootstrap
Корисні посилання
- freecodecamp - великий збірник задач з верстки, JS, QA і т.д.
- dou.ua - сайт про українські IT
- підкаст "Веб-стандарты" - радіобесіди про веб-розробку
- dou.ua: Огляд ІТ-ринку праці в Хмельницькому
- habrahabr.ru/posts/frontend - гілка по фронтенду на хабрі
- frontender.info - ресурс про фронтенд
- htmlbook.ru, webref.ru - довідник, підручник по HTML/CSS
- javascript.ru - довідник, підручник, форум по JavaScript
- api.jquery.com - довідник по API бібліотеки jQuery
- jsfiddle.net - пісочниця, тестовий полігон
- codepen.io - пісочниця, тестовий полігон
- pastebin.com - сервіс для обміну шматками коду
-
Задачники по JavaScript:
- https://learn.freecodecamp.org/ (HTML, CSS, JS)
- https://www.educative.io/
- https://csx.codesmith.io/
- https://github.com/StevanCakic/js-hard-parts (6 частин, дивися внизу)
-
Валідатори:
validator.w3.org - html
validator.w3.org/nu - Nu Html Checker, сучасний валідатор (став галочку outline)
jigsaw.w3.org/css-validator - css
google-валідатор - швидкість завантаження сторінок
google-валідатор - mobile-friendly -
Скриншоти з браузерів:
browserstack.com/screenshots
browserling.com
browsershots.org -
Best practics:
Советы по стилю кода JavaScript
Clean code javascript
Фріланс
Тайм-менеджери, таск-менеджери, прожект-менеджери
Різні корисності
- 5 видів меню (немає флексбокс-меню)
- Колекція анімованих гамбургерів
Англійська
Як вивчати і практикувати англійську (та інші мови)?
1. На ютубі включаєте діалоги, фільм, ролик (з рекомендованих до вивчення англійської). Довгі ролики розбивайте так, як вам зручно: для початківців - по 10-30 секунд, кому доволі просто - 1-3 хв.
2. Прослуховуєте один раз, не намагайтесь все зрозуміти, лише ключові моменти, початки речень.
3. Два-три рази прокручуйте ролик повторно, намагайтесь синхронно повторювати все, що говорять в ролику (при цьому не замислюйтесь над перекладом, можна "бубоніти" пропускаючи незрозуміле).
4. Синхронно перекладайте те, що говорять у ролику.
Основна суть - проговорювати. Не турбуйтесь про дикцію, правильність вимови, з часом вона буде покращуватися.
- Youtube: Джастін - американець, що вивчає російську, дає поради з англійської
- Youtube: учи английский нескучно - цікавий канал (займаються курсами по скайпу платно)