Конспект лекции и скринкаст первой части
Я участвовал в этих проектах:
Я хочу научить вас делать что-то подобное.
HTML, CSS, JavaScript на веб-странице: всё в одном файле, три разных файла, фидл
Домашняя страничка Гвидо ван Россума как пример HTML-кода десятилетней давности
Вёрстка: выравнивание по центру, пример вёрстки
1. Todo-list. Сверстайте содержимое Todo-list'а у себя на компьютере. На следующей неделе мы напишем логику для него.
- Можете добиваться выравнивания и красоты своими CSS-стилями, а можете использовать любой CSS-фреймворк.
- Выложите Todo-list на хостинг статических сайтов Hostinger.
- Поделитесь со всеми ссылкой на своё решение на вики-страничке
2. Календарь. Сверстайте календарь, стараясь повторить макет. Это было вступительным заданием в школу программистов компании Headhunter на отделение фронтенд-разработки в 2013 году.
- Курсы по вёрстке на htmlacademy.
- CSS-фреймворки: Twitter Bootstrap, Zurb Foundation.
- Dive into HTML5
- Лекции Школы разработки интерфейсов: 2012, 2013. Презентация Вадима Пацева по CSS с курса на Школе разработки интерфейсов
- Idiomatic HTML, idiomatic CSS.