El objetivo está desatendido

El autor lleva sin comentar el objetivo 8 años 2 meses 15 días

General

Освоить Front-end разработку

Цель будет дополняться по мере получения информации.

Criterio del fin

- способность без затруднений преобразовать макет в полноценный сайт, при этом учитывая требования к экологичности кода;

- работа и/или фриланс в сфере Front-end.

Recursos personales

На данный момент я нахожусь ну просто в идеальных условиях для достижения данной цели.

У меня есть достаточно времени для освоения темы.

Я освобождена от необходимости заботиться о заработке для выживания и могу сосредоточиться на приобретении знаний и поиске подходящей работы в будущем.

У мне есть знакомые, которые могут проконсультировать по теме.

Есть целый интернет для поиска информации.

Lo ecológico del objetivo

Эта сфера является для меня наиболее приоритетной по сочетанию "интересная работа/приятная оплата"

Составление начального плана обучения.
Основы HTML и CSS. Изучить пособие по HTML от Mozilla Developer Network

https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Introduction
Основы HTML и CSS. Изучить пособие по CSS от Mozilla Developer Network

https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Getting_started/What_is_CSS
Основы HTML и CSS. HTML Academy. Базовые курсы.

Просмотреть конспекты и вспомнить пройденное.
1. Знакомство
2. Структура HTML-документа
3. Разметка текста
4. Ссылки и изображения
5. Знакомство с таблицами
6. Знакомство с формами
7. Знакомство с CSS
8. Селекторы, часть 1
9. Наследование и каскадирование
10. Оформление текста, часть 1
11. Фоны, часть 1
12. Блочная модель документа
13. Сетки
14. Позиционирование
15. Мастерская: создаём меню
16. Мастерская: декоративные элементы
Пройти курс "Создай сайт" от CodeAcademy

https://www.codecademy.com/learn/make-a-website
Основы HTML и CSS. Пройти курс "Построение веб-форм" от CodeAcademy

https://www.codecademy.com/courses/web-beginner-en-Vfmnp/0/2?curriculum_id=50b91eda28c2fb212300039e
Основы HTML и CSS. Просмотреть LearnLayout - раскладки на HTML и CSS.

http://ru.learnlayout.com/toc.html
Немного о дизайнерском чутье

https://medium.com/russian/%D1%80%D0%B0%D0%B7%D0%B2%D0%B8%D0%B2%D0%B0%D0%B5%D0%BC-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D1%81%D0%BA%D0%BE%D0%B5-%D1%87%D1%83%D1%82%D1%8C%D0%B5-b7cac4a84b56#.3ahoxan6y
Основы HTML и CSS. Практика в CSS - "CSS Diner"

http://flukeout.github.io/
Систематизировать имеющиеся знания по английскому языку и получить новые
1. Имитация цели-привычки: 01.09.15
2. Имитация цели-привычки: 02.09.16
3. Имитация цели-привычки: 03.09.16
4. Имитация цели-привычки: 04.09.16
5. Имитация цели-привычки: 05.09.16
6. Имитация цели-привычки: 06.09.16
7. Имитация цели-привычки: 07.09.16
8. Имитация цели-привычки: 08.09.16
9. Имитация цели-привычки: 09.09.16
10. Имитация цели-привычки: 10.09.16
11. Имитация цели-привычки: 11.09.16
12. Имитация цели-привычки: 12.09.16
13. Имитация цели-привычки: 13.09.16
14. Имитация цели-привычки: 14.09.16
15. Систематизация имеющихся знаний. Полиглот
Основы HTML и CSS. Google Fonts
1. Руководство по Google Font API (http://2web-master.ru/rukovodstvo-po-google-font-api.html)
2. Basics of Google Font API (https://css-tricks.com/snippets/css/basics-of-google-font-api/)
3. "Professional Web" Donny Truong (https://prowebtype.com/) - книга о типографике+практика английского
Сопутствующая цель - Photoshop

Самые базовые основы - порезать макет.
1. Установить Photoshop
2. Найти онлайн-уроки по основам Photoshop
3. Пройти эти онлайн уроки
Уроки по фреймворку Bootstrap
1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
Практика основ HTML и CSS. Эксперимент 1

Сверстать 10 макетов по дизайнам Dribbble в CodePen

http://codepen.io/

https://dribbble.com/
1. https://dribbble.com/shots/2262761-Mobile-Blog-App-Interface/attachments/424147
2. https://dribbble.com/shots/2492038-Task-List-App/attachments/489171
3. https://dribbble.com/shots/2144170-Day-014-Location-Card/attachments/392323
4. https://dribbble.com/shots/2639709-Confirm-Reservation/attachments/528798
5. https://dribbble.com/shots/2314157-Daily-UI-Day-1/attachments/439137
6. шестой
7. седьмой
8. восьмой
9. девятый
10. десятый
Практика основ HTML и CSS. Эксперимент 2

Верстаем части красивых сайтов.
1. Dropbox for Business: секция баннеров
2. AirBnB: футер
3. PayPal: навигация
4. Invision: секция регистрации
5. Stripe: Попробуйте повторить секцию оплаты
6. шестой
7. седьмой
8. восьмой
9. девятый
10. десятый
Лучшие практики HTML и CSS
1. Толковая статья (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-%
2. Основы семантической верстки на HTML5 (http://zaurmag.ru/priemy-verstki-html-css/osnovy-semanticheskoj-verstki-na-html5.html)
3. Для чего нужна семантика в именах классов (https://css-tricks.com/semantic-class-names/)
4. Правильный CSS: OOCSS, SMACSS, BEM и SASS (http://codezona.com/css3-rules-oocss.html)
5. OOCSS, ACSS, BEM, SMACSS: что это? Что мне использовать? (http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/)
6. Информация о сбросе CSS
7. Кроссбраузерная поддержка. Вендорные префиксы (Вендорные префиксы).
8. Препроцессоры и постпроцессоры CSS
9. Система сеток и отзывчивость
10. Почему Mobile First? (https://habrahabr.ru/post/269419/)
11. Фреймворки Bootstrap, Skeleton и Foundation - общая информация
Отработка лучших практик HTML и CSS. Эксперимент 3
1. CSS архитектура: рефакторинг CSS (https://www.sitepoint.com/css-architectures-refactor-your-css/)
2. Провести рефакторинг 3х прошлых проектов с учетом новых знаний.
3. Переписать дипломный сайт с нуля с учетом новых знаний.
Эксперимент 4. Сайт-портфолио.
1. Adham Dannaway "Мой (простой) процесс дизайна и разработки сайта-портфолио" (https://www.smashingmagazine.com/2013/06/workflow-des
2. Разработка дизайна
3. Верстка
4. Тестирование и сбор отзывов
5. Отладка
6. Наполнение контентом
Составление дальнейшего плана обучения
Для заметок:
1. попиксельная верстка?
Программы и инструменты (информация)
1. Sublime Text - Обзор и настройка редактора https://www.youtube.com/watch?v=LrM1r23bBxs&list=PL363QX7S8MfQX-3XeU5otz2-xysax1Z5R&index

1751
28 agosto 2016, 22:13

El objetivo está en el grupo

Фронтенд

271
miembros
356
objetivos

Etapa 1

Etapa 5

Etapa 6

Etapa 12

Etapa 14

Etapa 15

Etapa 16

Etapa 17

Etapa 18

Etapa 19

Etapa 2

Etapa 13

Etapa 3

Etapa 4

Etapa 7

Etapa 8

Etapa 11

Etapa 20

Etapa 21

Etapa 9

Etapa 10

Jana

Освоить Front-end разработку

Criterio del fin

Recursos personales

Lo ecológico del objetivo

Составление начального плана обучения.

Основы HTML и CSS. Изучить пособие по HTML от Mozilla Developer Network

Основы HTML и CSS. Изучить пособие по CSS от Mozilla Developer Network

Основы HTML и CSS. HTML Academy. Базовые курсы.

Пройти курс "Создай сайт" от CodeAcademy

Основы HTML и CSS. Пройти курс "Построение веб-форм" от CodeAcademy

Основы HTML и CSS. Просмотреть LearnLayout - раскладки на HTML и CSS.

Немного о дизайнерском чутье

Основы HTML и CSS. Практика в CSS - "CSS Diner"

Систематизировать имеющиеся знания по английскому языку и получить новые

Основы HTML и CSS. Google Fonts

Сопутствующая цель - Photoshop

Уроки по фреймворку Bootstrap

Практика основ HTML и CSS. Эксперимент 1

Практика основ HTML и CSS. Эксперимент 2

Лучшие практики HTML и CSS

Отработка лучших практик HTML и CSS. Эксперимент 3

Эксперимент 4. Сайт-портфолио.

Составление дальнейшего плана обучения

Для заметок:

Программы и инструменты (информация)

¡No omita entradas nuevas!

Las posibilidadesestán ilimitadas.Es la horade descubrir las suyas

Entre.Está abierto.

Widget para su objetivo

Grande (450×150 px)

Pequeño (250×100 px)

Sólo para PRO

[email protected]

Maxim Malikov

Sergey Zakharov

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Entre.
Está abierto.