Выучить верстку и взять проект/найти работу
Всем привет, я Алина и я бывший маркетолог.
Я решила сменить нишу маркетинга на фронтэнд по ряду причин:
1. Возможность работать с заказчиками со всего мира.
В маркетинге очень важно владение английским, например, для написания рекламных текстов. И не носитель языка никогда не сможет подобрать уместные речевые обороты. Во фронтенде ты учишь языки разметки и программирования, а они везде одинаковы.
2. Более конкретные задачи.
В разработке проще оценить результат. Тебе дали макет, и твоя задача превратить его в код и заставить работать. В маркетинге же сложно правильно определить ключевые показатели эффективности.
3. Перспективы.
Хоть маркетинг и очень интересная ниша, но всё же "потолок" в нём значительно ниже чем в web-разработке. При чем как в навыках, так и в финансах.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
В этой цели я буду отписываться о том что делаю, и каких результатов достигаю. Надеюсь мои записи будут полезны, натолкнут кого-то на какие-то идеи или помогут избежать ошибок.
Я всегда рада новым комментариям, так что если вам есть что посоветовать или добавить, пишите)
Критерий завершения
Заработала первые деньги на верстке
Личные ресурсы
Я решила заняться именно версткой, потому что мне нравилось верстать страницы в соц.сетях.
Меня не бесит эта куча цифр и букв, называемая кодом, а очень даже наоборот =)
-
ПРАКТИКА
Доверстать сайт simply gum. Я нашла неплохой пример сайта и пытаюсь повторить его.
-
UPD к плану
Я начала эту цель еще в сентябре'16.
На данные момент я прочитала книгу Книга O’relly. Изучаем HTML, CSS.
Прошла базовые интерактивные курсы и запись интенсива html academy.
Поэтому план ниже это продолжение начатого изучения.
____________
Я нашла много материалов, по которым я буду учиться. Но не буду перечислять их в плане, лучше потом в отчетах напишу какие из них оказались реально полезными.
-
HTML
-
- повторить основные теги и элементы
-
- выучить семантические теги и применять их
-
- выбрать и начать применять codeguide - чтобы код был читаемым
-
- выучить новые теги html5 и применять их (+практика)
-
- выучить команды emmet для ускорения написания кода
-
-
CSS
-
повторить основы (типы селекторов, наследование, приоритетность и т.п.)
-
почитать про цвета (rgb, rgba, hex, hsla)
-
почитать еще что-то про блочную модель
-
разобраться с псевдоклассами и псевдоэлементами
-
прочитать про пространство имен, bem и т.п. (+практика)
-
шрифты
-
сброс стилей
-
-
Научиться работать с инструментом разработчика (Developer tools)
-
Адаптивность
Хочу разобраться с медаизапросами, брейкпоинтами, относительными единицами, ретинизации содержимого и во всём что помогает делать верстку универсальной, чтобы она хорошо выглядела и на смартфоне и на 4к телевизоре.
-
Кроссбраузерность / Кроссплатформенность
Хочу понять как использовать префиксы и как тестировать верстку в разных браузерах, и на разных платформах.
-
Научиться делать постепенную (изящную) деградацию и прогрессивное улучшение.
-
Разобраться с Git и начать им пользоваться на постоянной основе.
-
ПРАКТИКА
Сделать сайт simply gum адаптивным и кроссбраузерным, залить его на github и gitpages.
-
Пока всё. Дальше будут флексбоксы, фреймворки, препроцессоры, продвинутый css и конечно же JS.
Пока не знаю буду ли я отписываться в цели дальше, посмотрим будет ли от этого какая-то польза для меня и других и если будет, допишу остальную программу.
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
