Цель заброшена
Автор не отписывался в цели 8 лет 3 месяца 11 дней
Освоить Front-end разработку
Цель будет дополняться по мере получения информации.
Критерий завершения
- способность без затруднений преобразовать макет в полноценный сайт, при этом учитывая требования к экологичности кода;
- работа и/или фриланс в сфере Front-end.
Личные ресурсы
На данный момент я нахожусь ну просто в идеальных условиях для достижения данной цели.
У меня есть достаточно времени для освоения темы.
Я освобождена от необходимости заботиться о заработке для выживания и могу сосредоточиться на приобретении знаний и поиске подходящей работы в будущем.
У мне есть знакомые, которые могут проконсультировать по теме.
Есть целый интернет для поиска информации.
Экологичность цели
Эта сфера является для меня наиболее приоритетной по сочетанию "интересная работа/приятная оплата"
-
Составление начального плана обучения.
-
Основы HTML и CSS. Изучить пособие по HTML от Mozilla Developer Network
-
Основы HTML и CSS. Изучить пособие по CSS от Mozilla Developer Network
-
Основы HTML и CSS. HTML Academy. Базовые курсы.
Просмотреть конспекты и вспомнить пройденное.
-
Знакомство
-
Структура HTML-документа
-
Разметка текста
-
Ссылки и изображения
-
Знакомство с таблицами
-
Знакомство с формами
-
Знакомство с CSS
-
Селекторы, часть 1
-
Наследование и каскадирование
-
Оформление текста, часть 1
-
Фоны, часть 1
-
Блочная модель документа
-
Сетки
-
Позиционирование
-
Мастерская: создаём меню
-
Мастерская: декоративные элементы
-
-
Пройти курс "Создай сайт" от CodeAcademy
-
Основы HTML и CSS. Пройти курс "Построение веб-форм" от CodeAcademy
-
Основы HTML и CSS. Просмотреть LearnLayout - раскладки на HTML и CSS.
-
Немного о дизайнерском чутье
-
Основы HTML и CSS. Практика в CSS - "CSS Diner"
-
Систематизировать имеющиеся знания по английскому языку и получить новые
-
Имитация цели-привычки: 01.09.15
-
Имитация цели-привычки: 02.09.16
-
Имитация цели-привычки: 03.09.16
-
Имитация цели-привычки: 04.09.16
-
Имитация цели-привычки: 05.09.16
-
Имитация цели-привычки: 06.09.16
-
Имитация цели-привычки: 07.09.16
-
Имитация цели-привычки: 08.09.16
-
Имитация цели-привычки: 09.09.16
-
Имитация цели-привычки: 10.09.16
-
Имитация цели-привычки: 11.09.16
-
Имитация цели-привычки: 12.09.16
-
Имитация цели-привычки: 13.09.16
-
Имитация цели-привычки: 14.09.16
-
Систематизация имеющихся знаний. Полиглот
-
-
Основы HTML и CSS. Google Fonts
-
Руководство по Google Font API (http://2web-master.ru/rukovodstvo-po-google-font-api.html)
-
Basics of Google Font API (https://css-tricks.com/snippets/css/basics-of-google-font-api/)
-
"Professional Web" Donny Truong (https://prowebtype.com/) - книга о типографике+практика английского
-
-
Сопутствующая цель - Photoshop
Самые базовые основы - порезать макет.
-
Установить Photoshop
-
Найти онлайн-уроки по основам Photoshop
-
Пройти эти онлайн уроки
-
-
Уроки по фреймворку Bootstrap
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
-
Практика основ HTML и CSS. Эксперимент 1
-
https://dribbble.com/shots/2262761-Mobile-Blog-App-Interface/attachments/424147
-
https://dribbble.com/shots/2492038-Task-List-App/attachments/489171
-
https://dribbble.com/shots/2144170-Day-014-Location-Card/attachments/392323
-
https://dribbble.com/shots/2639709-Confirm-Reservation/attachments/528798
-
https://dribbble.com/shots/2314157-Daily-UI-Day-1/attachments/439137
-
шестой
-
седьмой
-
восьмой
-
девятый
-
десятый
-
-
Практика основ HTML и CSS. Эксперимент 2
Верстаем части красивых сайтов.
-
Dropbox for Business: секция баннеров
-
AirBnB: футер
-
PayPal: навигация
-
Invision: секция регистрации
-
Stripe: Попробуйте повторить секцию оплаты
-
шестой
-
седьмой
-
восьмой
-
девятый
-
десятый
-
-
Лучшие практики HTML и CSS
-
Толковая статья (https://medium.com/@ABatickaya/%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%B5-%D0%B8-%D0%BF%D0%BB%D0%BE%D1%85%D0%B8%D0%B5-css-%
-
Основы семантической верстки на HTML5 (http://zaurmag.ru/priemy-verstki-html-css/osnovy-semanticheskoj-verstki-na-html5.html)
-
Для чего нужна семантика в именах классов (https://css-tricks.com/semantic-class-names/)
-
Правильный CSS: OOCSS, SMACSS, BEM и SASS (http://codezona.com/css3-rules-oocss.html)
-
OOCSS, ACSS, BEM, SMACSS: что это? Что мне использовать? (http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/)
-
Информация о сбросе CSS
-
Кроссбраузерная поддержка. Вендорные префиксы (Вендорные префиксы).
-
Препроцессоры и постпроцессоры CSS
-
Система сеток и отзывчивость
-
Почему Mobile First? (https://habrahabr.ru/post/269419/)
-
Фреймворки Bootstrap, Skeleton и Foundation - общая информация
-
-
Отработка лучших практик HTML и CSS. Эксперимент 3
-
CSS архитектура: рефакторинг CSS (https://www.sitepoint.com/css-architectures-refactor-your-css/)
-
Провести рефакторинг 3х прошлых проектов с учетом новых знаний.
-
Переписать дипломный сайт с нуля с учетом новых знаний.
-
-
Эксперимент 4. Сайт-портфолио.
-
Adham Dannaway "Мой (простой) процесс дизайна и разработки сайта-портфолио" (https://www.smashingmagazine.com/2013/06/workflow-des
-
Разработка дизайна
-
Верстка
-
Тестирование и сбор отзывов
-
Отладка
-
Наполнение контентом
-
-
Составление дальнейшего плана обучения
-
Для заметок:
-
попиксельная верстка?
-
-
Программы и инструменты (информация)
-
Sublime Text - Обзор и настройка редактора https://www.youtube.com/watch?v=LrM1r23bBxs&list=PL363QX7S8MfQX-3XeU5otz2-xysax1Z5R&index
-
- 1760
- 28 августа 2016, 22:13
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением