Научиться верстать
Чтобы научиться верстать, нужно просто верстать.
Чтобы научиться верстать быстро, нужно много верстать.
Чтобы научиться верстать быстро и правильно, нужно много верстать, читать профильную литературу, изучать последние технологии и использовать современные инструменты.
Дополнительные материалы по теме:
- Позиционирование в CSS
- Организация и производительность при написании кода
- БЭМ
- Примеры верстки из PSD: 1, 2
- Базовый туториал по флексбоксу в виде игры здесь
- Неплохая шпаргалка по основным понятиям в CSS со ссылочками на подробные разъяснения
- Тут неплохо рассказывают про workflow создания сайта. От А до Я
Goal Accomplishment Criteria
Уметь полностью сверстать шаблон средней сложности (от нарезки PSD до готового кода)
Personal resources
дофига времени, интернет, редактор кода
Goal ecological compatibility
от этой цели косвенно зависит мое будущее благосостояние
-
Прохождение курсов HTML Academy до конца
Собсно, нужно за месяц+ пройти Продвинутые курсы от HTML Academy. Включая курсы про препроцессоры.
Step cost — 4 $
-
Знакомство с HTML5
-
Формы и HTML5
-
Игра теней
-
Селекторы. Часть 2
-
Селекторы. Часть 3
-
Линейные градиенты
-
Двумерные трансформации
-
Мастерская: декоративные эффекты на HTML5 и CSS3
-
Оформление текста с помощью CSS. Часть 2
-
Анимация
-
Плавные переходы
-
Таблицы на CSS
-
Рамки и фоны, часть 2
-
Кекстаграм: Начало. CSS-фильтры
-
Кекстаграм: Эпилог. JavaScript
-
Флексбокс, часть 1
-
Флексбокс, часть 2
-
Знакомство с LESS
-
Примеси в LESS
-
-
Интенсив от HTML Academy
Есть скачаный интенсив по верстке от все тех же хтмл-экэдэми. Не знаю на сколько по времени он рассчитан, но что за месяц успею - то и сделаю.
-
Интенсивная верстка
Тупо верстать и верстать и верстать. Шаблон за шаблоном. Всю неделю. С утра до ночи с перерывами на сон и еду. И туалет.
-
Шаблон 1
-
Шаблон 2
-
Шаблон 3
-
Шаблон 4
-
-
Выход на Upwork
Прежде чем начать искать заказы на бирже заказы, нужно:
- Заполнить профиль описаниями, образованиями и пр.
- Пройти профильные тесты (html, css, etc) и перепройти тесты по английскому.
- Заполнить портфолио
Потом пробовать брать мелкие заказы на верстку, доделки и переделки. И так до первой сотни баксов
Потом повышаю рейт до $15/h и ищу нормальные проекты.-
Заполнить профиль - описание (CV)
-
Заполнить профиль - пройти тесты (html5, css, wordpress, bootstrap, jquery, seo)
-
Заполнить профиль - наполнить портфолио
-
Первые 10 баксов
-
50 баксов
-
100 баксов
-
Почасовая работа за $15+/h
-
[вспомогательный пункт]
Что нужно выучить, чтобы хорошо пройти тесты и вообще - чтобы считаться нормальным верстальщиком.
1-11 - CSS
12-18 - HTML5
19 - 26 - jQuery
26 - 38 - Wordpress
-
Media Queries
-
Selectors
-
Pseudo-classes
-
Web-fonts
-
Text Effects
-
Layout
-
Backgrounds
-
Colors
-
Gradients
-
Transition and Animations
-
2D/3D Transformations
-
Canvas
-
SVG
-
Web storage
-
App cache
-
Workers
-
Forms
-
Input types
-
Element Selection
-
DOM Manipulation
-
Event Handling
-
Ajax
-
Styling and Animation
-
Plugin Usage
-
Plugin Development
-
Advanced *(все что выше)
-
Installation
-
Basics & Dashboard Navigation
-
Theme Development
-
Plugin Development
-
WP Core & The Loop
-
Data Management
-
Content Management & Aggregation
-
UX
-
Performance & Scalability
-
User Access & Security
-
Multisite (MU)
-
Taxonomies & Metadata
-
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
