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

Обновил самоучитель HTML под Андроид. Главное добавление — практические задания по разным темам HTML. Задания простые, небольшие и с автоматической проверкой выполнения. Предназначены для закрепления навыков по написанию кода HTML. Теперь это действительно самоучитель.

  • Более 120 практических заданий по основам HTML, элементам списка, таблицам, аудио, видео и др.
  • Результат каждого задания, как он выглядит в браузере, можно сразу же просмотреть в отдельной вкладке.
  • Все пункты задания проверяются автоматически.

Вот как это выглядит на экране смартфона.

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

JavaScript с нуля за шесть недель

Реклама

Прокачаться, как фронтенд-разработчик и освоить JavaScript на практике можно этим летом с 29 мая по 11 июля на четырнадцатом потоке интенсива «JavaScript, уровень 1».

Что из себя представляет интенсив:

  • Живые лекции в формате стримов с Игорем Алексеенко, разработчиком и автором курса. Во время которых идёт взаимодействие с преподавателем через чат в реальном времени.
  • Работа над личным проектом. Вам предстоит реализовать техническое задание по оживлению готовой вёрстки.
  • Ревью кода от личного наставника на индивидуальных консультациях.
  • Контроль качества по специально разработанным критериям: финальную проверку проводит случайный наставник.
  • Условия работы приближены к реальному рабочему процессу джуниора на проекте в компании.

Вы освоите работу с сервером и данными, DOM-деревом, шаблонизацией, научитесь создавать графику с помощью canvas, разберёте модульность, объектно-ориентированный подход и узкие места языка. Полученные структурированные знания, помогут разобраться с любым существующим или будущим фреймворком на базе JavaScript.

До 8 мая можно записаться на курс со скидкой.

.

Паблик ВКонтакте

Возродил паблик WebReference. Присоединяйтесь сами, рекомендуйте другим, комментируйте, обсуждайте.

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

Реклама

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

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

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

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

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

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

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

Реклама

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

Открыта запись на профессию «Фронтенд-разработчик» с 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. Описано, как с их помощью вставлять иконки, делать нумерацию, выводить текст, треугольники, тень и др.

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

Страницы