7 мифов о программировании
Программирование — большой мир, в который страшно войти со стороны. В частности из-за этого программирование, как и любая профессия, давно обросло мифами и легендами.
Рассказываем, чего точно не стоит бояться, и помогаем развеять популярные мифы.
Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.
Паблик VK
В нашем паблике регулярно появляются новые советы, рецепты, полезные библиотеки и код CSS. Подписывайтесь, если ещё этого почему-то не сделали!
Обзор редакторов кода
Программисты проводят много времени за написанием и отладкой кода. Иногда в процессе разработки допускаются ошибки, которые впоследствии тяжело найти. Исправить эти ошибки помогают современные редакторы.
В этой статье мы рассматриваем, как редакторы помогают ускорить процесс разработки и повысить качество кода. Также разбираем каждый редактор по отдельности и сравниваем их.
Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.
HTML Academy — школа веб-разработки — запускает бесплатный марафон по вёрстке
За четыре недели вы разберётесь в основах HTML, CSS и JavaScript, сверстаете свой первый макет, попробуете его оживить и выложите в интернет. Старт — 21 сентября!
Чтобы принять участие в марафоне и получить доступ к интерактивным тренажёрам, необходимым для вёрстки проекта, подпишитесь на рассылку.
Среди дошедших до конца будет разыграно бесплатное участие в курсе «HTML и CSS. Профессиональная вёрстка сайтов», а все участники получат скидки на программы профессий и профессиональные курсы.
Когда и зачем использовать jQuery
jQuery уже не нужен и вреден. Зачем, если всё уже есть в чистом JavaScript?
Библиотека jQuery была популярна из-за существования IE6 и большого количества браузеров с разной поддержкой веб-стандартов. Программист не мог быть уверен, что его код запустится у всех пользователей.Проще было взять jQuery и написать скрипты, которые будут работать одинаково вне зависимости от браузера.
Когда jQuery еще уместна? Но нужно ли? Разбираем в статье.
Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.
История и возможности DOCTYPE. Разбираемся в вариантах применения
DOCTYPE чем-то похож на заголовок для статьи. Он пишется в начале HTML-документа. Если его не будет, то браузер может отобразить вашу страницу в неожиданном виде.
Читайте в статье, из чего состоит DOCTYPE, и как его использовать правильно.
Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.
Выбираем графический редактор. Фотошоп или Фигма?
Графический редактор — второй по важности инструмент верстальщика после редактора кода. Дизайнеры создают макеты сайтов и приложений и передают готовые файлы в вёрстку. Верстальщик получает из них всю необходимую информацию: тексты, иллюстрации, цвета, положения элементов на странице и расстояния между ними.
Есть много графических редакторов, и как из них выбрать непонятно. Мы взяли две популярные программы — Photoshop и Figma — и сравнили их в статье.
Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.Как правильно написать alt-текст
Alt — обязательный атрибут тега <img>. Это альтернативное описание для изображений, которые не видят пользователи:
- из-за медленного соединения;
- из-за неправильного пути или имени файла в атрибуте src;
- так как пользуются скринридерами.
Разбираемся, на примерах, в блоге HTML Academy, как правильно писать альтернативное описание, и в каких ситуациях alt-текст не нужен.
Cтатьи о фронтенде, вёрстке, карьере в IT — раз в неделю в редакторской рассылке HTML Academy.
Как сделать график на Canvas
Canvas — чистый холст, на котором можно нарисовать что угодно с помощью JavaScript. В HTML Academy подготовили классный туториал о том, как нарисовать интерактивный график. Берите на вооружение и научитесь пользоваться полезной технологией.
Ещё у HTML Academy есть рассылка — одно письмо в неделю с полезными статьями по вёрстке и программированию.
Нам нужно больше зависимостей. Или нет?
Фронтенд-проекты в 2020 начинаются с npm install. Со временем в проект попадают новые пакеты, за которыми следуют пакеты ещё новее. При этом большинство из нас понятия не имеет, что попадает в папку node_modules/, и почему-то всем с этим нормально живётся.
Ребята из HTML Academy рассказали, почему стоит по возможности отдавать предпочтение чистому JavaScript и следить, какие пакеты подключаются к проекту.
Ещё у HTML Academy есть рассылка — одно письмо в неделю с полезными статьями и туториалами по вёрстке и программированию.
Новые приключения в HTML Academy
Приём-приём, вызываем любителей приключений!
26 июля стартовала битва за кодий на Джаваскриптоне. Вступайте в одну из трёх команд, бесплатно проходите онлайн-тренажёры по вёрстке и программированию и зарабатывайте за это кодий. Чем больше участников, тем больше кодия у команды, и тем быстрее открываются новые курсы. Команда, которая к 31 июля наберёт больше всех кодия, станет победителем и получит шикарные призы.
Каждый попаданец из фракции-победителя получит:
- Доступ ко всем платным тренажёрам до 10 августа включительно.
- Скидку 50% на навыки.
- Скидку 70% на макеты и проекты
- Скидки от 1500 до 5500 рублей на курсы и профессии.
Ещё есть время подготовиться и заработать немного кодия, разгадывая загадки бортового компьютера. В общем, всех нас ждёт настоящая космоопера.
Как загрузить, настроить и запустить Телеграм-бота на сервере
Боты — будущее интернета! Недавно ребята из HTML Academy рассказали, как создать простого бота на Node.js,однако он работал только на локальном компьютере.
Сегодня вы узнаете, как загрузить бота на сервер, запустить его и проверить, что всё работает. Для этого нужно пройти 7 этапов:
- Выбрать хостинг.
- Заказать хостинг.
- Загрузить бота.
- Зайти на сервер по SSH.
- Установить Node.js
- Запустить и проверить бота.
- Обеспечить автоматический перезапуск бота.
Подробно о каждом этапе читайте в этой статье.
А ещё подпишитесь на нашу полезную рассылку, чтобы получать одно письмо в неделю со статьями о веб-разработке и туториалами.
Как подключить и оптимизировать нестандартные шрифты
Текст — основная часть контента на большинстве сайтов, и важно грамотно подходить к его отрисовке. Самый простой способ — использовать стандартные шрифты, например, Arial, Times New Roman и так далее. Эти шрифты называются веб-безопасными, достаточно просто указать их название в коде, и всё будет работать.
Но что если дизайн макета не позволяет обойтись веб-безопасным шрифтом, а требует использовать какой-то нестандартный? В статье HTML Academy вы узнаете, какие варианты подключения и настройки шрифтов нужны в таких случаях.
А ещё подпишитесь на нашу полезную рассылку, чтобы получать одно письмо в неделю со статьями о веб-разработке и туториалами.
Изучаем многоколоночный текст
Сделал новый видеокурс, посвящённый работе с несколькими колонками, которые создаются через свойство columns. На деле это свойство можно использовать не только для текста, но и для изображений, блоков и других элементов.
Туториал. Список задач с drag & drop
Дословный перевод с английского — «потяни и брось» — отражает суть эффекта, это хорошо знакомое любому пользователю перетаскивание элементов интерфейса.
В этом туториале Саша Смыгина из HTML Academy покажет, как реализовать эффект drag & drop на ванильном JavaScript.
Drag & drop может понадобиться в разных ситуациях, например:
- Простое визуальное изменение положения элемента.
- Сортировка элементов с помощью перетаскивания. Пример — сортировка карточек задач в таск-трекере.
- Изменение контекста элемента. Пример — перенос задачи в таск трекере из одного списка в другой.
- Перемещение локальных файлов в окно браузера.
Подробнее об эффекте drag & drop читайте в этой статье. А ещё подпишитесь на нашу полезную рассылку, чтобы получать одно письмо в неделю со статьями о веб-разработке и туториалами.