Интерактивная SVG-диаграмма

Сейчас все активно обсуждают радости и гадости удалённой работы. Тем временем ребята из HTML Academy провели небольшой опрос и попросили пользователей рассказать, с какими трудностями они сталкиваются во время работы из дома (спойлер — все ленятся).

Статистику нужно было как-то красиво оформить, поэтому они подготовили туториал о том, как сделать интерактивный SVG-график. Очень подробная инструкция по ссылке.

Как написать и запустить HTML на компьютере?

Чтобы стать профессиональным разработчиком, нужно уметь пользоваться инструментами. Сегодня попробуем разобраться, как и в чём написать и запустить HTML-код на своём компьютере.

Действуем по плану:

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

Подробно о каждом шаге читайте в статье от HTML Academy.

Одно письмо в неделю с полезными статьями о веб-разработке

Ребята из HTML Academy запустили редакторскую рассылку. Теперь у вас есть возможность тратить дополнительные 10-15 минут в неделю на самообразование. Здорово же!

В чем суть?

Каждую неделю вы будете получать одно письмо со статьями.

О чем статьи?

О том, как верстать, пользоваться инструментами, учиться и строить карьеру в IT. Будет много интересного для начинающих веб-разработчиков.

И все?

Конечно, нет! Каждую неделю все подписчики будут получать приятный бонус.

Подписаться на рассылку можно по тут.

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

Обновил мобильное приложение под Android в виде книжки для изучения HTML и CSS — HTML и CSS на примерах.

Теперь по всем темам сделаны интерактивные задания для тренировки и закрепления навыков (почти 150 штук). Задания простые и с автоматической проверкой.

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

Как сменить профессию на карантине?

Реклама

Пока весь мир обсуждает коронавирус, кризис и отсутствие туалетной бумаги на прилавках, ребята из HTML Academy предлагают не паниковать, но задуматься о своем будущим.

Несмотря на то, что многие сотрудники могут оказаться в очереди на увольнение, айтишники, скорее всего, не попадут под удар. А хорошие айтишники, которые приносят деньги компании, — тем более.

В любом случае лучшее решение в сложившейся ситуации — попытаться увидеть возможности. Например, получить новую профессию.

В этой статье вы узнаете, какие отрасли пострадают больше других, и чем можно (и нужно!) заниматься на заре новой карьеры.

Переход на Vue

Для webref.ru сделал рефакторинг кода, т.е. переделал внутреннюю часть без изменения дизайна. Отказался полностью от jQuery и перешёл на Vue. Основные изменения коснулись примеров — теперь это не просто код, а небольшие приложения. Во-первых, результат примера виден сразу, во-вторых, код можно открыть в популярных песочницах JSFiddle и CodePen. А также есть переключатель светлой/тёмной темы, копирование кода в буфер и обновление результата. Учтите, что эффект обновления заметен только для примеров с анимацией.

Можно перейти к одному из примеров и посмотреть всё самому.

Как не устроиться на работу фронтенд-разработчиком

Есть несколько причин, по которым программист не может найти работу — плохо разбирается в технологиях, не знает свой язык достаточно хорошо или вообще не программист (так тоже бывает). Но даже если все теги отскакивают от зубов, а нюансы языка ясны, можно засыпаться на более простых моментах.

О том, как провалиться на этапе тестового задания, на собеседовании или при выходе на работу — в статье от HTML Academy.

Как получать 100 тысяч в месяц за код. 8 шагов к шикарной карьере

Список того, что нужно знать фронтендеру — как фильмы из киновселенной Марвел. Непонятно, в каком порядке их смотреть, чтобы во всём разобраться, кто все эти люди, и что будет в итоге.

Наконец-то появился понятный список того, в каком порядке изучать и практиковаться в вёрстке и коде, чтобы получить новую работу за кучу денег.

Первые четыре шага такие.

  1. Понять основы HTML и CSS по книжкам, ютюбу или онлайн-тренажёрам.
  2. Вникнуть в тонкости вёрстки (и завести себе Гитхаб).
  3. Пройти курсы по вёрстке и/или фронтенд-разработке и разобраться в нужных инструментах.
  4. Найти наставника и показывать ему свой код.

Ещё 4 шага — в этой статье. Добавьте в закладки, скажете спасибо через год.

Ошибки, которые испортят ваше резюме

Порой у начинающий специалистов не получается найти работу не потому, что их плохо учили, а потому что не могут пройти собеседование или попасть на него.

Серёжа Попов, руководитель фронтенд-аутсорса «Лига А.», где трудятся выпускники HTML Academy, рассказал, какие 17 ошибок нельзя делать при составлении резюме и на других этапах поиска работы:

  1. Указывать несколько должностей в одном резюме
  2. Не загружать фотографию
  3. Загрузить фотографию, где есть не только вы
  4. Скрывать информацию в резюме
  5. Писать «хочу переехать», но откликаться на вакансии в своём городе
  6. Скрывать свой регион до собеседования
  7. Отсутствие ключевых навыков
  8. Нерелевантный опыт
  9. Не написать, какие задачи решали на прошлых местах работы
  10. Не писать (почти) ничего в разделе «О себе»
  11. Не указывать желаемую зарплату
  12. Зарплата, не соответствующая уровню рынка или позиции
  13. Не написать сопроводительное письмо
  14. Сопроводительное письмо в стиле «Прошу рассмотреть меня на вакансию»
  15. Сопроводительное письмо из одного слова
  16. Написать «Я не готов к тестовому заданию»
  17. Написать одно сопроводительное письмо для десяти компаний

Подробнее, об ошибках и том как их правильно исправить читайте в статье, кстати её вторая часть на подходе.

Как сделать счётчик лайков на JavaScript

Если хотите узнать, как сделать счётчик лайков и систему комментирования, загляните в новую главу интерактивного курса «Знакомство с JavaScript» — «Условия и создание элементов».

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

Кажется слишком сложным? Сохраняйте спокойствие! Под чутким руководством инструктора Кекса сложное превращается в простое и понятное. Вперёд к знаниям!

Прокачайтесь в Акселераторе от HTML Academy

Реклама

Если вам не хватает проектов в портфолио, навыков работы в команде и профессиональной оценки вашего кода, тогда «Акселератор» — то, что вам нужно.

Что вас ждёт в «Акселераторе»:

  • проекты коммерческого уровня в команде с менеджером и тестировщиком;
  • личный наставник проверит качество кода и расскажет, как сделать лучше;
  • в конце мы сравним ваши показатели с эталонными и расскажем, что можно улучшить.

Если вы не можете оценить уровень ваших навыков — мы подберём вам макет.

До конца января проекты «Акселератора» можно купить со скидкой 20%

Канал на YouTube

Создал канал на YouTube, где буду выкладывать разные ролики по теме веб-технологий. Вот пример небольшого видео-курса по стилевым селекторам.

Получить навыки верстальщика

Реклама

В HTML Academy появилась дополнительная возможность для новичков прокачивать свои знания — «Профессиональные навыки».Навыки помогают научиться решать реальные профессиональные задачи, с которыми разработчик сталкивается в своей работе.

Каждый сфокусирован на решении конкретной задачи. Например, проектирование информационной архитектуры страницы или создание сетки страницы на флексбоксах.

Уже доступны три навыка.

  • «Создание семантической разметки по макету».
  • «Экспорт параметров и графики из PSD-макетов».
  • «Построение сеток на флексах по макету».

В комплекте навыка:

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

Выбирайте навык, который хотите освоить!

Освоить профессию фронтенд-разработчика в 2020 году

Реклама

Планируете освоить новую востребованную профессию в 2020 году? Долго ждать не нужно! Уже 20 января в HTML Academy начинается новый поток профессии «Фронтенд-разработчик». Обучение длится полгода и закончится 29 июля.

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

А закрепить полученные навыки вы сможете во время стажировки в аутсорс-компании «Лига А.», работая с реальными коммерческими заказами.

Программа состоит из трёх профессиональных курсов:

  1. «HTML и CSS, уровень 1»
  2. «HTML и CSS, уровень 2»
  3. «JavaScript, уровень 1»

Оплатить курс можно в рассрочку. Ждём вас!

Новогодние приключения в HTML Academy

Реклама

В ночь с 31 декабря на 1 января, сразу после боя курантов, начнётся битва за бенгалий на Джаваскриптоне!

Участникам в период с 1 по 5 января нужно будет проходить интерактивные курсы, участвовать в квизе, который будет появляться четыре раза в сутки на сайте HTML Academy, и за всё это зарабатывать бенгалий. Та команда, которая к 6 января наберёт наибольшее количество бенгалия — станет победителем.

Каждый попаданец из фракции-победителя получит:

Собираемся на Джаваскриптоне 31 декабря в 23:59 по земному московскому времени — присоединяйтесь!

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