Практический курс по HTML и CSS

Реклама

Изучение основ HTML и CSS и теории в целом — это хорошо. Но как начать применять их на практике?

Из чего состоит реальная работа верстальщика можно узнать из пятинедельного интенсива «HTML и CSS, уровень 1».

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

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

Вас ждёт много практике, дополнительных материалов и 20 часов живых лекций, которое ведут четыре опытных преподавателя.

Если для вас комфортнее работать в спокойном темпе, то есть формат участия с продлёнными сроками: c 28 мая по 2 августа.

Справочник HTML

Большой популярностью пользуется справочник HTML, поэтому обновил локальную версию, которая не требует подключения к Интернету и пользоваться ей можно даже в деревне. Был бы компьютер только.

Все примеры со всеми картинками теперь можно смотреть сразу в браузере!

Вот форма сразу для оплаты. Справочник стоит 59 рублей; как обычно, считайте это поддержкой сайта, чтобы в будущем были новые учебные курсы и руководства. Без вашей поддержки ничего этого не будет.

Кто уже приобретал, обновление должно прийти автоматом, лишний раз платить ничего не нужно.

Самоучитель HTML

Самоучитель HTML под Андроид покинул наконец-то статус беты и доступен для всех. Конечно, есть ещё что исправить и добавить, но улучшать приложение можно до бесконечности. Поэтому надо иногда останавливаться и представить свою работу, что и делаю.

В приложении 55 уроков в 12 разделах по таким темам как: ссылки, списки, таблицы, фреймы, формы, аудио и видео, семантика и др. Ещё 56 проверочных заданий по всем разделам.

Устанавливайте, изучайте HTML, ставьте пять баллов, пишите хвалебные отзывы.

Профессия «Фронтенд-разрабочтик»

Реклама

Если хотите стать фронтенд-разработчиком до конца года, но не знаете как спланировать обучение и за что браться, то программа «Фронтенд-разрабочтик» для вас.

Открыта запись на профессию «Фронтенд-разработчик» с 6 августа по 26 декабря 2018 года. Всё обучение проходит онлайн, так, что его можно подстроить под свой график.

Однако этот формат рассчитан на тех, кто серьёзно настроен стать разработчиком в сжатые сроки, окунувшись в обучение с головой. Будет интересно, сложно и продуктивно.

Программа состоит из трёх ступеней:

На каждом этапе вы создадите личный проект под руководством наставника. В вашем портфолио по итогам будет три проекта: два свёрстанных и одно веб-приложение, оживлённое на JavaScript.

С проектами можно познакомиться заранее здесь.

В чём отличие программы от прохождения интенсивов по отдельности:

  • Увеличенные сроки защиты проектов. Возможность продолжать работу над проектом между курсами.
  • Больше консультаций с наставником на каждом этапе: 20 часов вместо 14.
  • Доступ к тестовым заданиям на трудоустройство и возможность стажировки в нашем продакшене «Лига А.». Мы разрабатываем их совместно с работодателями специально для выпускников Академии.

Самоучитель HTML под Android

Выпустил новую версию самоучителя HTML в виде мобильного приложения под Android. Кроме самой теории с примерами есть куча вопросов для самопроверки. Установить можно через Google.Play.

Добавились новые разделы про формы, аудио и видео, фреймы и семантику. Старые тексты тоже обновлены, чтобы они лучше соответствовали современным стандартам.

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

Онлайн-интенсив «HTML и CSS, уровень 2»

Реклама

9 апреля стартует интенсив «HTML и CSS, 2 уровень». Если вы уже имеете опыт в вёрстке и хотите прокачать навыки, то эта программа для вас.

Пять недель и вы научитесь:

  • Верстать адаптивные проекты, используя флексбоксы и готовить графику.
  • Использовать препроцессоры и инструменты автоматизации сборки.
  • Любить методологию БЭМ.
  • Оптимизировать свою вёрстку.

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

Как проходят лекции, работа с наставником и защита? Подробнее рассказывает преподаватель курса здесь.

Если нагрузка и стиль жизни не позволяет окунуться на пять недель в интенсивное обучение, то для курса доступно продлённое участие в 9 недель.

Разделы веб-страницы

На webref.ru добавил новый курс Разделы веб-страницы, в котором описано, как использовать элементы nav, section, aside и др. Как обычно, курс отличается тем, что в нём есть вопросы для самостоятельной проверки, интерактивные задания и финальный тест для проверки знаний.

Вышел новый онлайн-курс «JavaScript в браузере»

Реклама

В разделе «Основы JavaScript» появился новый курс — «JavaScript в браузере». Он состоит из 21 задания, включая два испытания от Кекса. Посмотрим, как JavaScript работает в браузере, а не в консоли, как взаимодействует с разметкой. Узнаем, что такое DOM и создадим разметку с JavaScript.

Кекс, естественно, подготовил новое техническое задание:

«Мяу! На сайте магазина мороженого надо отображать актуальное состояние товаров: «в наличии», «нет в наличии», «хит». Ещё будет нужно создать карточки товаров, основываясь на данных, полученных с сервера.

Все детали я описал в заданиях.»

Курс доступен по подписке.

Знакомство с JavaScript

Реклама

В прошедший понедельник Кекс бросил вызов нашим подписчикам социальных сетей: до конца недели набрать 500 репостов записи, чтобы взломать курс «Знакомство с JavaScript». И уже в четверг курс был взломан — теперь он доступен для всех и навсегда.

Из курса вы узнаете, как работают переменные и операции в языке, какие бывают типы данных. В конце предстоит написать программу по техническому заданию от Кекса:

«Мяу! Мне нужно привести себя в форму к выставке CatFashionExpo2018. Для этого мне нужен свой особый фитнес-калькулятор. Возьмётесь?»

HTML и CSS на примерах

Сделал мобильное приложение под Android в виде книжки для изучения HTML и CSS — HTML и CSS на примерах. Оно дублирует книгу на сайте и охватывает такие темы, как списки, таблицы, анимацию, трансформацию и др.

Теперь результаты примеров можно просматривать сразу в приложении и видеть результат использования разных приёмов.

Устанавливайте сами и советуйте друзьям.

Новый курс «Объекты»

Реклама

В разделе «Основы JavaScript» появился новый курс — «Объекты». Он состоит из 28 заданий, два из которых специальные испытания. С их помощью получиться разобраться, как читать из объектов, что такое словари и контекст вызова, а также научиться использовать встроенные и кастомные методы.

Финальное испытание от Кекса на этот раз, помочь ему в строительстве дома:

«Мяу! Я решил построить дом. Допиши за меня конфигуратор для расчёта площади и стоимости строительства. Я уже начал, но быстро утомился. Да и зачем писать код самому, если есть разработчики?

Все детали в ТЗ, жду результата. Может, приглашу тебя на новоселье.»

Берётесь?

Курс доступен по подписке.

CSS Playground

Выпустил небольшое приложение под Андроид для наглядного ознакомления с возможностями CSS. Выбираете стилевое свойство, меняете его значение и тут же видите результат в действии. Всё это можно опробовать в справочнике CSS, идея взята оттуда.

Онлайн-интенсив «Профессиональный JavaScript, уровень 1»

Реклама

Идёт запись на весенний интенсив «Профессиональный JavaScript, уровень 1» с 27 марта по 9 мая.

Курс подойдёт тем, кто хочет с нуля научиться программировать на JavaScript, верстальщикам, желающим поднять свои навыки, а также желающим освоить новый язык.

Интенсив состоит из 20 часов живых лекций и работы над личным проектом под руководством личного наставника. Всего на курсе три проекта, два из которых на выбор: «Кекстаграм» и «Кексобукинг», проекты выдаются участникам уже свёрстанные. Задача за интенсив оживить их новой функциональностью согласно техническому заданию.

Преподаватель курса Игорь Алексеенко рассказал о себе, опыте и особенностях JavaScript. Также он подготовил небольшое видео, где показывает как JavaScript может вам пригодиться:

::after и ::before

Выложил на webref.ru новое руководство по использованию псевдоэлементов ::after и ::before. Описано, как с их помощью вставлять иконки, делать нумерацию, выводить текст, треугольники, тень и др.

Руководство для среднего уровня подготовки, настоятельно требуется знакомство с позиционированием элементов.

Профессия «Фронтенд-разработчик»

Реклама

Уже 26 февраля стартует профессия «Фронтенд-разработчик» — 5 месяцев практики. За это время вы защитите три проекта: два из них сверстаете, а один оживите силами JavaScript.

Программа подойдёт тем, кто хочет в кратчайшие сроки освоить профессию и трудоустроится.

В обучение входит три ступени:

По итогам, каждый выпускник получает доступ к трём тестовым заданиям на трудоустройство и другие возможности.

Подробнее рассказывает Алексей Симоненко, один из преподавателей, на записи лайва.

На программу распространяется возможность рассрочки платежей до 22 мая, чтобы увидеть актуальный график на странице оплаты нужно выбрать пункт «Оплата по частям».

А у студентов технических специальностей есть возможность попасть на программу совершенно бесплатно. Для участия в конкурсе достаточно подходить под условия и отправить заявку. Десять победителей получат возможность обучаться бесплатно и пройти оплачиваемую практику после.

Страницы