1

Step 1

Курс 2 HTML-Academy базовый

2

Step 2

Курс "Я - фрилансер!"

3

Step 3

Курс 1 GoIT 2016 HTML (Tech Skills)

4

Step 4

3-х дневный интенсив Артема Исламова

5

Step 5

Неделя #БЕЗпредела

6

Step 6

Верстка макета на флексах

7

Step 7

Верстка макета Nobel Dent

8

Step 8

ITVDN ПРАКТИЧЕСКИЙ КУРС ПО ВЕРСТКЕ ЛЕНДИНГА

9

Step 9

БЭМ

10

Step 10

И 10

11

Step 11

Git_начало.

12

Step 12

Специалист 2015. html

13

Step 13

Верстка (+дизайн) сайта танцевальной студии Alma

14

Step 14

Интересная статья

15

Step 15

Gulp

16

Step 16

LESS

17

Step 17

Модульность

18

Step 18

Лекции от Mail.ru [Фронтенд]

19

Step 19

Я.Субботник 2015

20

Step 20

ШРИ в Москве 2013

21

Step 21

Великолепный список от Catherine Winner (огромнейшее спасибо!)

22

Step 22

ПРАКТИКА

23

Step 23

Веб-стандарты

24

Step 24

LoftSchool. WebBeginner

1

Step 1

Курс 2 HTML-Academy базовый

2

Step 2

Курс "Я - фрилансер!"

3

Step 3

Курс 1 GoIT 2016 HTML (Tech Skills)

4

Step 4

3-х дневный интенсив Артема Исламова

5

Step 5

Неделя #БЕЗпредела

6

Step 6

Верстка макета на флексах

7

Step 7

Верстка макета Nobel Dent

8

Step 8

ITVDN ПРАКТИЧЕСКИЙ КУРС ПО ВЕРСТКЕ ЛЕНДИНГА

9

Step 9

БЭМ

10

Step 10

И 10

11

Step 11

Git_начало.

12

Step 12

Специалист 2015. html

13

Step 13

Верстка (+дизайн) сайта танцевальной студии Alma

14

Step 14

Интересная статья

15

Step 15

Gulp

16

Step 16

LESS

17

Step 17

Модульность

18

Step 18

Лекции от Mail.ru [Фронтенд]

19

Step 19

Я.Субботник 2015

20

Step 20

ШРИ в Москве 2013

21

Step 21

Великолепный список от Catherine Winner (огромнейшее спасибо!)

22

Step 22

ПРАКТИКА

23

Step 23

Веб-стандарты

24

Step 24

LoftSchool. WebBeginner

01 December 2016 01 March 2022
outdated

Goal abandoned

The author does not write in the goal 1 year 1 month 16 days

Goal author

General

Освоить верстку, html, css. Часть 1. Начало

В мае 2014 я захотела стать php-программистом и ступила на тропу обучения. Решила начать с самого простого: html, css. Записалась на бесплатный курс, где изучали ещё и php. Было интересно, мы делали домашние задания, сдавали, их проверяли и ставили нам баллы. Результаты были хорошими: я с нуля заняла 22 место среди более 80 участников!

Мне нравилось кодить, но... курсы закончились, и я всё забросила. Записалась на ещё одни курсы по Js - до конца не прошла. Потом начинала ещё курсы - и результат тот же. Прошло 2,5 года. То, что когда-то умела - начало забываться. В ноябре я решила досмотреть то, что меня стопорило - старые видео, без которых не могла идти дальше. Досмотрела. И вот 25 ноября начала проходить курсы Специалиста 2015 года.

Потом записалась в цель по совместном изучению верстки - [Командная цель] Реальная верстка 1.0 Попробовала сверстать тестовый макет и поняла, что мне ещё учиться и учится. Сейчас только самое начало, но уже чувствуется, что команда хорошая, общение, помощь, мотивация - всё это уже есть)

Понятно, что нужно много времени, но если нить желание - найдётся и время!)

Удачи мне, я справлюсь!)

 Goal Accomplishment Criteria

Просмотрела обучающие видео, прошла курсы, сверстала макет.

 Personal resources

Желание, время, поддержка единомышленников

 Goal ecological compatibility

Цель экологична: занятие любимым делом, дополнительный заработок.

  1. Курс 2 HTML-Academy базовый

  2. Курс "Я - фрилансер!"

    Этот курс создан для того, чтобы ввести новичка в мир фриланса и подготовить его к трудностям, которые он может встретить во время своего пути как фриланс разработчика.

  3. Курс 1 GoIT 2016 HTML (Tech Skills)

  4. 3-х дневный интенсив Артема Исламова

    Три дня верстки, фишечки.

    1. день 1

    2. день 2

    3. день 3

    4. день 4 (бонус)

  5. Неделя #БЕЗпредела

    Для программы Неделя #БЕЗпредела (концентрация на своих целях и эффективное их выполнение)

  6. Верстка макета на флексах

  7. Верстка макета Nobel Dent

  8. ITVDN ПРАКТИЧЕСКИЙ КУРС ПО ВЕРСТКЕ ЛЕНДИНГА

    C 10 по 17 мая 2018 года на ITVDN проходит акция – видео курс для начинающих веб разработчиков - «Практический курс по верстке лендинга» можно изучить бесплатно.

    Описание курса:

    В курсе показана последовательная верстка лендинга с нуля. В течение девяти уроков мы сверстаем с вами лендинг, который будет корректно отображаться на разных устройствах. Вы научитесь работать с препроцессорами PUG, SASS, с популярным сборщиком проектов Gulp, также затронем валидацию формы на JavaScript и «оживим» лендинг. Вы научитесь работать с самыми современными и востребованными технологиями, а также поймете принципы качественной верстки.

    Практический курс по верстке лендинга состоит из 10 уроков общей продолжительностью 8 часов. Автор курса Сергей Рубец, Front-end Developer.

    Что самое интересное, так это возможность проверить знания 9пройдя онлайн тестирование на TestProvider.com) и получить электронный сертификат после изучения курса.

    1. Организация рабочего процесса.

    2. Препроцессор PUG.

    3. Препроцессор SASS.

    4. Начало верстки.

    5. Верстка - часть 2.

    6. Верстка - часть 3.

    7. Верстка - часть 4.

    8. Окончание верстки.

    9. Интерактив на JavaScript.

  9. БЭМ

    оф.сайт + подборка других статей

    1. Документация - здесь написаны основные понятия БЭМ, Б- блок, Э- элемент, М- модификатор.
    2. Статьи - здесь приводятся статьи, почему БЭМ это круто
    3. Учимся любить БЭМ
    4. Проекты на БЭМ
    5. MindBEMding – getting your head ’round BEM syntax
    6. В чем проблема «проблемы БЭМ'а»? - в комментах срач такой х)
    7. Почему вы пользуетесь или не пользуетесь БЭМ?
    8. BEM 101
  10. И 10

    старт 07.01.2018

    1. Первая живая встреча с ответами на вопросы

    2. Модуль 1 Урок 1 Этапы создания сайтов

    3. Модуль 1. Урок 2. Работа с графикой для разработчика

    4. Модуль 1. Урок 3 Настройка рабочего пространства

    5. Ответы на вопросы по курсу

    6. Модуль 2. Урок 4. Знакомство с основами html

    7. Модуль 2. Урок 5 Знакомство с основами Css

    8. Модуль 2. Урок 6 Позиционирование в Css

    9. Живая встреча. Ответы на вопросы.Модуль 2

  11. Git_начало.

    Ресурсы

    1. Codeschool : Git Path
    2. Codeschool : ProGit 2
    3. Курс по основам командной строки : Command Line Power User

    ПРОЙТИ ТУТОРИАЛ по ГИТу https://guides.github.com/introduction/flow/

    1. Установка

    2. Обучение (видео)

    3. https://guides.github.com/introduction/flow/

  12. Специалист 2015. html

    1. Уровень 1 часть 1 из 4

    2. Уровень 1 часть 2 из 4

    3. Уровень 1 часть 3 из 4

    4. Уровень 1 часть 4 из 4

    5. Уровень 2 часть 1 из 4

  13. Верстка (+дизайн) сайта танцевальной студии Alma

  14. Интересная статья

  15. Gulp

  16. LESS

  17. Модульность

    1. AMD (RequireJS)
    2. Common JS (browserify)
  18. Лекции от Mail.ru [Фронтенд]

    Сами лекции

    1. Лекция 1
    2. Лекция 2
    3. Лекция 3
    4. Лекция 4
    5. Лекция 5
    6. Лекция 6
    7. Лекция 7
    8. Лекция 8
    9. Лекция 9
    10. Лекция 10
    11. Лекция 11
    12. Лекция 12
  19. Я.Субботник 2015

    Ссылка на плейлист

    1. 001. Роль разработчика интерфейсов в продукте – Сергей Сергеев
    2. 002. bem components — как Bootstrap, только лучше – Владимир Гриненко
    3. 003. Мгновенная Морда – Иван Карев
    4. 004. Эксперимент как инструмент для принятия решений – Виктор Карпов
    5. 005. Приручаем SVG – Лев Солнцев
    6. 006. Производительность WebGL приложений – Кирилл Дмитренко
    7. 007. Создание модулей для API Яндекс.Карт – Всеволод Шмыров
    8. 008. API как древнеримский акведук – Сергей Константинов
  20. ШРИ в Москве 2013

    1. 001. Изучение и редактирование кода - Игорь Новак
    2. 002. Развертывание верстки - Роман Андриади
    3. 003. http-протокол - Алексей Бережной
    4. 004. Механизм работы браузера - Георгий Мостоловица
    5. 005. Кеширование на клиенте и сервере - Евгений Дорошенко
    6. 006. Безопасность веб-приложений - Тарас Иващенко
    7. 007. Регулярные выражения - Алексей Бережной
    8. 008. Командная строка Unix - Виктор Ашик
    9. 009. Языки программирования - Денис Бугарчев
    10. 010. Тестирование - Марина Широчкина
    11. 011. Вики-синтаксис - Сергей Черкасов
    12. 012. Общий цикл разработки (dev-cycle) - Михаил Трошев
    13. 013. Вводная по ШРИ - Анна Чеботкевич
    14. 014. История успеха выпускников ШРИ - Дмитрий Поляков
    15. 015. CSS - Роман Комаров
    16. 016. JavaScript Асинхронность - Михаил Давыдов
    17. 017. JavaScript. Базовые знания - Михаил Давыдов
    18. 018. MVC - Антон Киршанов
    19. 019. Шаблонизаторы (templates) - Сергей Бережной
    20. 020. jQuery (jquery) - Алексей Бережной
    21. 021. Методология БЭМ и обзор БЭМ платформы - Владимир Гриненко
    22. 022. БЭМ мастер класс - Артём Курбатов
    23. 023. Приёмка задач: общее и бэкенд разработка - Михаил Трошев
    24. 024. Приёмка задач: дизайн - Михаил Трошев
    25. 025. Парное программирование - Сергей Бережной
    26. 026. CSS - Вадим Пацев
    27. 027. Основы модели визуального форматирования - Вадим Пацев
    28. 028. Эксперимент с версткой - Роман Комаров
    29. 029. Code style - Михаил Давыдов
    30. 030. JavaScript, События - Михаил Давыдов
    31. 031. Документирование информации - Сергей Черкасов
    32. 032. Unit тестирование - Александр Тармолов
    33. 033. I bem - Алексей Бережной
    34. 034. Layouts. At rules - Вадим Пацев
    35. 035. Значения и единицы измерения. Шрифт. Свойства текста - Вадим Пацев
    36. 036. Code review - Игорь Новак
    37. 037. Дизайн (design) - Настя Ларкина
    38. 038. Profiler (profiler) - Михаил Корепанов
    39. 039. Фреймворки (js-frameworks) - Евгений Дорошенко
    40. 040. Клиентская оптимизация (performance) - Иван Карев
    41. 041. Debugger (debug) - Константин Васильев
    42. 042. Цвета и фон. Transition. Animation. - Вадим Пацев
    43. 043. Свободное перемещение и позиционирование - Вадим Пацев
    44. 044. Cистемы контроля версий - Сергей Сергеев
    45. 045. Архитектура веб сервисов - Денис Бугарчев
    46. 046. Транспорт, ajax (js ajax) - Михаил Давыдов
    47. 047. Графика в вебе - Иван Карев
  21. Великолепный список от Catherine Winner (огромнейшее спасибо!)

    Мини-пост. Список ссылок (Catherine Winner)


    Список ресурсов на вооружение frontend-разработчику.
    Часть 1

    HTML

    - Не используйте запрещенные теги и аттирбуты. Если не уверны , то сверьтесь со списком —http://goo.gl/0w5O41
    - Подключайте внешние таблицы стилей — http://goo.gl/yXPjoQ
    - Не используйте разметку для оформления — https://goo.gl/PMZj0z
    - Помните о правильном подключении внешних файлов — http://goo.gl/vvxpgM
    - Давайте понятные имена классам - https://goo.gl/ArvBJZ
    - Не злоупотребляйте id и помните, что это уникальный идентификатор, который может быть на странице только в единственном экземпляре — http://goo.gl/1RwqAl
    - Не забывайте закрывать теги. Просто не забывайте.

    CSS
    - Обнулите дефолтные стили браузера — http://goo.gl/6EICuY
    - Не используйте css-фреймворки. Точнее, применяйте их там, где это разумно: например, для прототипов. В конце этой статьи очень точно, на мой взгляд, написано — http://goo.gl/54wUFd
    - Изучите боксовую модель — https://goo.gl/S0MHgp
    - Помните про специфичность селекторов — https://goo.gl/EIBM6X
    - Понятие потока — https://goo.gl/JsTLbL и как с ним работать — http://goo.gl/NiNiAh
    - Инлайновый контекст форматирования — http://goo.gl/jNwuam
    - Используйте css-спрайты — https://goo.gl/XqAhJ2

    Часть 2


    Также не забывайте про оформление ваших документов. Важно, чтобы не только другим людям было приятно работать с вашим аккуратным кодом, но и вы сами, через какое-то время вернувшись к нему, не запутались.

    http://developer.mozilla.org/ru/docs/Web — Cправочники и руководства по HTML, CSS, ...
    http://css-tricks.com — Посвящается миру CSS и связанных с ними технологий. Сниппеты, видео, трюки и учебники.
    http://w3schools.com — Руководства, справочники, примеры по веб-технологиям.
    http://stackoverflow.com — Платформа для поиска решения с помощью сообщества.
    http://awwwards.com — Список сайтов талантливых разработчиков, полезных для изучения и отвлечения от справочников.
    http://themeforest.net/popular_item/by_category?categ.. — Список самых продаваемых HTML, CSS и шаблонов страниц на платформе envatomarket. Отличные примеры для изучения.
    http://mediaqueri.es — Коллекция сайтов использующих media queries.
    http://tympanus.net/codrops/category/blueprints — Коллекция основных компонентов, модулей и макетов в минимальным стиле для легкой адаптации и использования, или просто для вдохновения.
    http://htmlbook.ru — Русскоязычный ресурс про HTML.
    http://javascript.ru — Русскоязычный ресурс про JavaScript.
    http://css3ps.com — Плагин для PhotoShop для преобразования преобразования ваших слоев в CSS3.
    http://bento.io — Сборник ссылок на полезные ресурсы.
    http://caniuse.com — Таблицы совместимости для поддержки HTML5, CSS3, SVG и других технологий в различных браузерах.

    Сама презентация -http://slides.com/valentineshkarlet/deck-1#/

    Сайты для самообучения:
    codeschool.com
    https://teamtreehouse.com/
    http://htmlacademy.ru/
    http://www.codeavengers.com/
    http://www.codecademy.com/
    https://www.udacity.com/
    https://dash.generalassemb.ly/
    http://hasbrains.org/

    YouTube каналы:
    Hexlet - http://www.youtube.com/channel/UCqLPYxuAz-WbdEBLBk_Tb7g
    LevelUp Tuts -http://www.youtube.com/channel/UCyU5wkjgQYGRB0hIHMwm2Sg
    LoftBlog -http://www.youtube.com/channel/UCIIt69f5D44s2cdb9vXQNzA
    Magisters -http://www.youtube.com/channel/UCUzksGhlJU0rNF5KneUZkSA
    Sorax -http://www.youtube.com/channel/UCdnFX7mzgup9moXG2fULOog
    Tuts+ Web Design -http://www.youtube.com/channel/UCTP1DN8Us94z0ciuCx71scg
    uWebDesign -http://www.youtube.com/channel/UCZeU17nbVfzczAkJVTay9vw
    webtheory -http://www.youtube.com/channel/UCD15yBvmQElLP7EFL8vW6Ywhttp://vk.com/doc77821220_361542739?hash=a860e6f3fcf6..

  22. ПРАКТИКА

  23. Веб-стандарты

    Ютуб канал Веб-стандарты

    1. Выпуск 111

    2. Выпуск 110

  24. LoftSchool. WebBeginner

    выделила этот пункт в отдельную цель LoftSchool. WebBeginner

  • 3144
  • 01 December 2016, 07:59
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?