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

Реклама

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

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

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

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

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

Реклама

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

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

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

Реклама

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

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

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

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

Берётесь?

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

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

Реклама

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

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

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

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

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

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

Реклама

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

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

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

• HTML и CSS, уровень 1
• HTML и CSS, уровень 2
• JavaScript, уровень 1

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

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

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

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

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

Реклама

Основной упор в обучении на интенсиве «Профессиональный HTML и CSS, уровень 1» на практике. Перед каждым студентом стоит задача превратить выбранный PSD-макет к концу интенсива в качественно свёрстанный проект. Доступно шесть макетов, один из которых учебный «Барбершоп», на его примере преподаватель разбирает детально тему.

Проект «Барбершоп»

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

Проект «Глейси»

Ученики при желании могут взять в работу несколько проектов. Обычно работа над проектом занимает минимум 20 часов в неделю, но если взять проект сложнее времени на него уйдёт больше. Новичкам мы советуем выбирать проекты попроще «Нёрдс» или «Седону». Тем, кто уже имеет опыт вёрстки простых проектов посмотреть в сторону «Глейси» или «Девайса».

Обзоры проектов интенсива от простого к сложному: «Нёрдс», «Седона», «Техномарт», «Глейси» и «Девайс».

• Нёрдс — https://youtu.be/oFIZkqAnkIE
• Седона — https://youtu.be/JU0GkXAc3Y8
• Техномарт — https://youtu.be/XTrxH3PdMJ0
• Глейси — https://youtu.be/v-wccwtSZNA
• Девайс — https://youtu.be/YciOSoPL1cg

Старт нового потока интенсивного онлайн-курса первого уровня «Профессиональный HTML и CSS» уже 26 февраля. Регистрируйтесь и выбирайте макет. Количество мест ограничено.