El objetivo está desatendido
El autor lleva sin comentar el objetivo 11 años 1 mes 5 días
Научится верстать сайты
Достаточно часто приходится что-нибудь верстать, но в основном это отдельные элементы, а не целые сайты. К тому-же, с макетов еще верстать не приходилось. Хочется систематизировать, а также улучшить свои умения и навыки в данном направлении.
Так что хватит лениться - начнем наш путь!
Criterio del fin
Уверенность в том, что смогу сверстать сайт с макета.
Хорошее знание и понимание HTML & HTML5, CSS & CSS3
Recursos personales
Усидчивость, некоторые знания этого предмета, немного свободного времени.
Lo ecológico del objetivo
Хочется усовершенствовать навыки и систематизировать знания.
Пригодится для работы.
-
Пробежаться по курсам на codecademy.com
Когда-то услышал об этом сайте и захотел пройти интерактивный курс по javascript, посмотреть чему учат, потренировать английский. Начал... и по какой-то причине забросил (лень наверное :). Так что начну с него - пройду полный курс по HTML&CSS, заработаю несколько badges и отпишусь о результатах и впечетлениях.
Introduction to HTMLHTML structure: using listsHTML structure: tables, divs, and spansIntroduction to CSSCSS classes and idsCSS element positioning
-
Пробежаться по курсам на codeschool.com
[FAILED]
Front-end FormationsCSS Cross-CountryJourney Into MobileAssembling SassAssembling Sass Part 2Fundamentals of Design
![]()
-
Изучить свободные курсы по HTML&CSS на HTML Academy
Русскоязычный ресурс посвященный изучению HTML&CSS. Узнал о нем на хабре. Базовые курсы доступны свободно целиком. В продвинутых курсах свободны только несколько первых уроков.
Базовые курсы
ЗнакомствоСтруктура HTML-документаРазметка текста с помощью HTMLСсылки и изображенияЗнакомство с таблицамиЗнакомство с формамиЗнакомство с CSSСелекторыНаследование и каскадированиеПромежуточные испытанияОформление текста с помощью CSSБлочная модель документаПозиционированиеСеткиФоныМастерская: создаём менюМастерская: декоративные элементыЗавершающие испытания
Продвинутые курсы
Знакомство с HTML5Формы и HTML5Игра тенейСелекторы. Часть 2Селекторы. Часть 3Линейные градиентыДвумерные трансформацииМастерская: декоративные эффекты на HTML5 и CSS3Оформление текста с помощью CSS. Часть 2
-
Прочитать про БЭМ
- БЭМ. Блок, Элемент, Модификатор
- С чего начинается БЭМ? [habrahabr]
- Почему лучше верстать в соответствии с БЭМ — практические примеры [habrahabr]
- Попробуй БЭМ на вкус! [habrahabr]
- Верстка для самых маленьких. Верстаем страницу по БЭМу [habrahabr]
- В чем проблема «проблемы БЭМ'а»? [habrahabr]
- Как сверстать веб-страницу. Часть 1 [habrahabr]
![]()
-
Пощупать Twitter Bootstrap
-
Курсы на Mozilla Developer Network: Learn HTML. Introductory level
Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS
Вводный курс о HTML. Базовый HTML
The basic of HTMLBasic structure of a web page- Fundamental HTML elements
Structural ElementsHead ElementsList Elements- Text Formatting Elements
- Form Elements
- Image and Media Elements
- Table Elements
- Frame and Window Elements
- Deprecated Elements (to avoid using)
- Proprietary & Nonstandard Elements
- Alphabetic Element Index
- Elements and Valid DTDs They May Appear In
- HTML beginner tutorial
- HTML from the ground up
- HTML challenges
- MDN HTML element reference
-
Курсы на Mozilla Developer Network: Learn HTML. Advanced level
Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS
Продвинутый курс о HTML. Посвящен особенностям HTML5
- Tips for authoring fast-loading HTML pages
- Dive into HTML5
- Get ready for HTML5
- HTML5 tutorials
- Semantics in HTML5
- Canvas tutorial
- HTML5 doctor
- The joy of HTML5 audio
-
Курсы на Mozilla Developer Network: Learn CSS. Introductory level
Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS
Вводный курс о CSS. Базовый CSS
- CSS getting started
- CSS basics
- CSS selector classes
- External CSS
- Adding a touch of style
- CSS from the ground up
- Common css questions
-
Курсы на Mozilla Developer Network: Learn CSS. Intermediate level
Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS
Курс среднего уровня о CSS
- CSS reference
- CSS challenges
- Intermediate CSS concepts
- CSS positioning 101
- Progressive enhancement with CSS
- Fluid grids
-
Курсы на Mozilla Developer Network: Learn CSS. Advanced level
Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS
Продвинутый курс о CSS. Рассказывается о CSS3
- CSS3 in under 5 minutes
- Using css transforms
- CSS transitions
- Understanding CSS3 transitions
- Quick guide to implement web font with @font-face
-
Посмотреть бесплатные курсы по web design на Mobiletuts+
Mobiletuts+ – ресурс со статьями и руководствами для разработчиков мобильных приложений. Охватывает разработку нативных приложений c использованием iOS SDK, Android SDK/NDK и Windows Phone 7 SDK, кросс-платформенную разработку при помощи таких инструментов как Titanium Mobile и PhoneGap, техники для построения веб-сайтов, доступных с мобильных устройств, и веб-приложений на HTML 5, CSS, JavaScript.
Имеет площадку для онлайн-обучения разработчиков и дизайнеров (платно)Хочу пройти тут несколько бесплатных курсов по Web Design. Надеюсь будет полезно.
- 30 Days to Learn HTML & CSS
- Bootstrap 3 for Web Design
- Web Form Design and Development
-
Научиться резать и натягивать
Как-то путешествуя по просторам интернета наткнулся на этот замечательный screencast.
До сегодняшнего дня руки не доходили полностью посмотреть, но теперь сам Бог велел.
Вот он, дорогой: psd2cms's channel [habrahabr]
-
Сверстать 20 макетов сайтов
![]()
-
Сверстать первый макет
-
Сверстать второй макет
-
Сверстать третий макет
-
Сверстать четвертый макет
-
Сверстать пятый макет
-
Сверстать шестой макет
-
Сверстать седьмой макет
-
Сверстать восьмой макет
-
Сверстать девятый макет
-
Сверстать десятый макет
-
Сверстать одинадцатый макет
-
Сверстать двенадцатый макет
-
Сверстать тринадцатый макет
-
Сверстать четырнадцатый макет
-
Сверстать пятнадцатый макет
-
Сверстать шестнадцатый макет
-
Сверстать семнадцатый макет
-
Сверстать восемнадцатый макет
-
Сверстать девятнадцатый макет
-
Сверстать двадцатый макет
-
¡No omita entradas nuevas!
Suscríbase al objetivo y siga su logro
