Самоучитель 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. Для этого мне нужен свой особый фитнес-калькулятор. Возьмётесь?»

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

Реклама

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

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

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

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

Обзор проектов на интенсиве «Профессиональный HTML и CSS, уровень 1»

Реклама

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

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

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

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

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

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

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

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

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

Профессиональный HTML и CSS, уровень 1

Реклама

Получить старт в профессии верстальщика можно за 5 недель.

С 26 февраля — 4 апреля 2018 года пройдёт онлайн-интенсив «Профессиональный HTML и CSS, уровень 1». В программе: флексбоксы, семантичная разметка, векторная графика, доступность и лучшие практики. Курс рассчитан на новичков и желающих систематизировать базовые знания.

Вас ждёт много практики, лекции ведут четыре опытных преподавателя: Александр Першин, Алексей Симоненко, Вадим Макеева и Виталий Зюзин. С работой над проектом помогает личный наставник — практикующий разработчик.

Через месяц вы сможете:

  • решать типовые задачи верстальщика;
  • использовать необходимые инструменты для работы;
  • начать карьеру с портфолио.

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

Git и Github

Реклама

Трудно представить современную веб-разработку без системы контроля версий. Совместную работу команды позволяет организовать Git, а удобное ревью кода — сервисы на его основе, например, GitHub. Принцип работы схож с компьютерной игрой, где вы можете вернуться на место сохранения и всё переиграть.

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

Если планируете научиться работать с Git и GitHub, то мы составили инструкцию по настройке работы через консоль для Windows, macOS и Linux.

Мы в Академии тоже работаем через Git и GitHub, договорились об общих правилах и поделились ими в блоге.

Справочник CSS

В предверии нового года обновил справочник CSS под Android. Он платный, стоит 30 рублей и если вы его уже покупали, то обновление прилетит автоматически. Остальным рекомендую купить и поддержать тем самым сайт, к тому же после праздников цена на справочник вырастет.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.