Цель заброшена
Автор не отписывался в цели 7 лет 3 месяца 25 дней
Веб-разработка. Фронтенд. Вёрстка.
Ставлю глобальную цель: Научиться Веб-разработке, по части Фронтенд.
Цель включает себя много дочерних целей, которые будут со временем добавляться.
Дату заверщения цели умышленно не ставлю.
О выполнении этапов цели буду подробно отписываться.
Буду рада советам и поддержке тех людей, которые уже проходили данный этап и тех, кто тоже собирается выполнить похожую цель. Да и просто, буду рада всем, кто захочет поддержать ;)
Присоединяйтесь - вместе веселее и продуктивнее!
Критерий завершения
Могу полностью сверстать шаблон.
Могу создать сайт с использованием CMS.
Личные ресурсы
Желание, Время, Мотивация
Экологичность цели
Для меня важно выполнить данную цель
-
Бесплатные интерактивные курсы на HTML-Academy.
Критерий завершения: Пройдены все уроки интерактивных курсов Академии.
-
Знакомство
-
Структура HTML-документа
-
Разметка текста
-
Ссылки и изображения
-
Знакомство с таблицами
-
Знакомство с формами
-
Знакомство с CSS
-
Селекторы, часть 1
-
Наследование и каскадирование
-
Оформление текста, часть 1
-
Фоны, часть 1
-
Блочная модель документа
-
Сетки
-
Позиционирование
-
Мастерская: создаём меню
-
Мастерская: декоративные элементы
-
Знакомство с LESS
-
Знакомство с SVG
-
Оформление SVG-фигур
-
Подведение итогов
-
-
HTML Academy - интенсив по HTML/CSS базовый.
-
Введение.
-
Разметка.
-
Фотошоп для верстальщика.
-
Сетки.
-
Декоративные элементы
-
Оформление контента.
-
Введение в JavaScript.
-
Прогрессивное улучшение.
-
Блог Наставника HTML-Academy — https://www.youtube.com/playlist?list=PLQPQDQeOswiX4D7VpMt_C9Cz2Bzdi4Fn3
-
Дополнительные материалы — https://github.com/lena-green/htmlacademy-basic-additional-material
-
-
HTML Academy - интенсив по HTML/CSS продвинутый.
-
Гайдлайны и Лучшие практики.
Изучение гайдлайнов - правил оформления и лучших практик.
-
HTML руководство разработчика от MDN - https://developer.mozilla.org/ru/docs/Web/Guide/HTML
-
CSS руководство разработчика от MDN - https://developer.mozilla.org/ru/docs/Web/Guide/CSS
-
Хорошие и плохие CSS-практики для начинающих - https://medium.com/@ABatickaya/хорошие-и-плохие-css-практики-для-начинающих-619289ce8bae
-
Живой стандарт HTML WHATWG - https://html.spec.whatwg.org/multipage/
-
HTML5 от W3C - https://www.w3.org/TR/html5/
-
CSS спецификации - https://www.w3.org/Style/CSS/current-work
-
Размышления о стандартах CSS - http://css-live.ru/articles/macssaraksh-razmyshleniya-o-standartax-css.html
-
http://spec.piraruco.com/html5/index.htm
-
HTML5 от W3C (RU) - http://spec.piraruco.com/html5/index.htm
-
HTML-Academy - Стиль кода - http://html-academy.ru/codeguide/
-
-
Практика HTML/CSS.
-
Сверстать макет сайта 1
-
Сверстать макет сайта 2
-
Сверстать макет сайта 3
-
-
WebReference.
-
WebReference —Позиционирование в CSS (Jeremy Thomas)
-
WebReference — Открываем блочную модель (Shay Howe) https://webref.ru/layout/learn-html-css/box-model
-
WebReference — Блочная модель в CSS (Jeremy Thomas)
-
WebReference —Позиционирование содержимого (Shay Howe) https://webref.ru/layout/learn-html-css/positioning-content
-
-
Landing Page. Посадочная страница.
Критерий завершения:
- Могу создать Лэндинг.
- Разбираюсь в SEO лендингов.
- Могу выполнить заказ по созданию Лендинга.
-
Видеркурс. Создание Landing Page на Wordpress (Автор: WebDesign Master) — https://www.youtube.com/playlist?list=PLyf8LgkO_8q8UkipPnB-23hXBf
-
Курс по SEO лендингов
-
Курс. «Пошаговый курс по созданию продающего Landing Page c нуля» — https://bloxy.ru/learning/lp/
-
Статья. «Каждому по Landing Page. Наболевшее» — https://habrahabr.ru/post/226969/
-
Статья. «7 типов лэндингов, чтобы поймать на крючок посетителей вашего сайта» — https://habrahabr.ru/post/283950/
-
Веб-дизайн: практический курс создания лендинга — https://www.youtube.com/playlist?list=PLD-piGJ3Dtl1ZJd2NgoRr9ZD70EVjYemI
-
SoloLearn. Мобильное приложение.
-
HTML Fundamentals
-
CSS Fundamentals
-
-
Другое
Темы, которые не встретились мне в курсах, но могут быть полезны.
Нашла их по наводке из какой-то статьи, курса или по чьей-либо рекомендации.
Прочла материалы на эти темы и сделала краткий конспект.
-
Блочная вёрстка.
-
Фреймы. < frame >.
-
-
Статьи.
Полезные статьи на около-фронтендную и около-айтишную тему.
-
Книги.
-
Новая большая книга CSS (CSS. The Missing Manual). Автор: Дэвид Макфарланд.
-
Head First HTML&CSS (O'Reilly).
-
-
Сайты.
Список полезных сайтов, до которых пока не особо дошли руки.
Когда руки дойдут, сайт станет продублирован в отдельном подпункте этой цели.
-
http://docode.ru
-
http://softwaremaniacs.org/blog/category/primer/
-
http://codenamecrud.ru/pages/curriculum
-
http://htmlbook.ru/practical
-
http://frontendbookshelf.ru
-
https://geekbrains.ru/tests/2 — Тесты на GeekBrains
-
https://webref.ru
-
https://html5book.ru/ — Хороший сайт (есть про верстку меню)
-
https://medium.com/@ABatickaya — Workafrolic (±∞). Полезный блог на Медиуме
-
http://webmasters.teamdev.com/#personal — Вёрстка — это не тупо.
-
https://www.freecodecamp.com
-
-
Видеоуроки.
Ссылки на youtube-каналы, или плейлисты.
-
WebDesign Master — https://www.youtube.com/user/agragregra/playlists
-
Sorax
-
Loftblog
-
Артём Исламов — https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg
-
Блог Наставника HTML-Academy -- https://www.youtube.com/playlist?list=PLQPQDQeOswiX4D7VpMt_C9Cz2Bzdi4Fn3
-
-
WordPress
-
http://wpblogs.ru/создание-темы-для-wordpress-с-нуля/
-
http://wpcreate.ru/spisok-urokov
-
-
GIT
-
Очень хороший туториал — https://githowto.com/ru
-
Кратко — http://rogerdudler.github.io/git-guide/index.ru.html
-
Pro Git book. Scott Chacon and Ben Straub — https://git-scm.com/book/ru/v1
-
Шпаргалка от Громова - https://github.com/nicothin/web-development/tree/master/git
-
GeekBrains — https://geekbrains.ru/courses/66
-
Руководство Git от wiki.specialistoff.net — http://wiki.specialistoff.net/index.php/Руководство_Git#.D0.92.D0.B2.D0.B5.D0.B4.D0.B5.D0.BD.D0
-
Видеокурс от Дмитрия Афанасьева — http://simple-training.com/category/git-vcs/ -- короткие видеоуроки + текстовое описание
-
Hexlet (пользовательский курс ) — https://ru.hexlet.io/courses/git_base
-
devcolibri.com — https://www.youtube.com/playlist?list=PLIU76b8Cjem5B3sufBJ_KFTpKkMEvaTQR
-
ITVDN — https://itvdn.com/ru/video/basics-using-git
-
Специалист.ru — http://www.specialist.ru/course/git
-
Регистрация на GitHub — https://htmlacademy.ru/blog/84-register-on-github-work-with-console
-
Работа с Git через консоль — https://htmlacademy.ru/blog/187-git-console
-
Работа через GitHub Desktop — https://htmlacademy.ru/blog/85-register-on-github-work-with-github-desktop
-
GitHub как хостинг — https://htmlacademy.ru/blog/99-github-as-hosting
-
Простое руководство по работе с Git — http://rogerdudler.github.io/git-guide/index.ru.html
-
-
Photoshop для верстальщика.
-
Статья от HTML-Academy - https://htmlacademy.ru/blog/51-photoshop-for-the-coders
-
Видео от HTML-Academy (Базовый интенсив по HTML/CSS. Урок 3). Николай Громов.
-
Установка Photoshop CC на Mac - https://www.youtube.com/watch?v=leGPKM9BgkY
-
Николай Громов (2014 год) - https://www.youtube.com/watch?v=xXv93EpWeyA&list=PLqZTjT2Z9HyJfnApkpKEOJCZdXY_EbDWD&index=1
-
Артём Исламов - https://coursehunters.net/course/web50. Урок 3.
-
CSS Hat - плагин, конвертирующий стили фотошопа в код CSS.
-
Adobe Assets.
-
-
Платные интерактивные курсы на HTML-Academy по Флексбоксам.
-
Флексбокс, часть 1 (31 урок).
-
Флексбокс, часть 2 (28 уроков).
-
- 3149
- 15 мая 2017, 23:00
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением