Каталог RSS-каналов
Статистика

RSS-каналов в каталоге: 374

Добавлено сегодня: 0

Добавлено вчера: 0

Hi-Tech / Интернет

Htmlbook.ru - Для тех, кто делает сайты

Найдено 63 записи
Нам нужно больше зависимостей. Или нет?

Фронтенд-проекты в 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 вы узнаете, какие варианты подключения и настройки шрифтов нужны в таких случаях. А ещё подпишитесь на нашу полезную рассылку, чтобы получать одно письмо в неделю со статьями о веб-разработке и туториалами.

Туториал. Список задач с drag & drop

Дословный перевод с английского — «потяни и брось» — отражает суть эффекта, это хорошо знакомое любому пользователю перетаскивание элементов интерфейса. В этом туториале Саша Смыгина из HTML Academy покажет, как реализовать эффект drag & drop на ванильном JavaScript. Drag & drop может понадобиться в разных ситуациях, например: Простое визуальное изменение положения элемента. Сортировка элементов с помощью перетаскивания. Пример — сортировка карточек задач в таск-трекере. Изменение контекста элемента. Пример — перенос задачи в таск трекере из одного списка в другой. Перемещение локальных файлов в окно браузера. Подробнее об эффекте drag & drop читайте в этой статье. А ещё подпишитесь на нашу полезную рассылку, чтобы получать одно письмо в неделю со статьями...

Что должен уметь верстальщик, чтобы его все хотели

Вот раньше было время! В нулевых, например, никаких фронтов не было, а человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. А что должен уметь верстальщик сегодня? Разбираться в HTML и CSS, немного знать JavaScript, использовать магию гридов, флоатов, знать системы сборки и точно кое-что еще. О том, как выглядит идеальная вакансия для верстальщика в 2020 году, какие навыки и знания востребованы, и что обо всём этом думают специалисты из индустрии — читайте в блоге HTML Academy.

Интервью с Selectel: как устроен фронтенд, опыт выпускников HTML Academy

Как устроен фронтенд в Selectel? Ответят Валерий Кондратьев, руководитель отдела разработки и тестирования интерфейсов, и младший фронтенд-разработчик Денис Соколинский. Старт 17 июня в 12:00 в рамках live-сессии с HTML Academy. Вы узнаете: как устроена фронтенд-разработка и вёрстка в компании; что изменилось с приходом самоизоляции; какие технологии используются в работе; требования к разработчикам, чтобы попасть в команду; опыт найма и работы с выпускниками Академии. Зарегистрируйтесь, чтобы не пропустить трансляцию.

Живые и неживые коллекции в JavaScript

Веб-разработка — это не только про вёрстку и знание HTML. Иногда приходится где-то что-то подпилить и написать код. А где код — там хранение данных. А где хранение данных — там переменные, хранение информации в массивах и другие странных словах. Ещё информацию можно хранить в коллекциях (вспомните полку со старыми видеокассетами — это прям оно). Допустим, мы хотим получить информацию о всех картинках со страницы и что-то с ними сделать через JavaScript. Мы выполняем команду и получаем коллекцию объектов, которая вроде похожа на массив, но нет. Дело в том, что коллекции тоже бывают разными — живыми и неживыми. HTML Academy провели целое расследование о том, чем они отличаются, когда программисту нужны динамические коллекции, а когда лучше подойдут...

Как HTML Academy делает онлайн-тренажёры

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

10 горячих клавиш VS Code, которые ускорят вашу работу

Горячие клавиши — добро, польза и экономия времени. Ребята из HTML Academy рассказали, какие комбинации использовать, чтобы упростить работу с Visual Studio Code. Вы узнаете, как: быстро добавить комментарий; перейти к строке под номером; поменять строку местами с соседними; дублировать строку; перейти к парной сборке; переименовать переменную; отформатировать документ; перейти к объявлению переменной; включить/выключить перенос слов; включить дзен-режим. Подробнее о каждой комбинации читайте в этой статье.

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

Реклама Пока весь мир обсуждает коронавирус, кризис и отсутствие туалетной бумаги на прилавках, ребята из HTML Academy предлагают не паниковать, но задуматься о своем будущим. Несмотря на то, что многие сотрудники могут оказаться в очереди на увольнение, айтишники, скорее всего, не попадут под удар. А хорошие айтишники, которые приносят деньги компании, — тем более. В любом случае лучшее решение в сложившейся ситуации — попытаться увидеть возможности. Например, получить новую профессию. В этой статье вы узнаете, какие отрасли пострадают больше других, и чем можно (и нужно!) заниматься на заре новой карьеры.

Переход на Vue

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

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

Список того, что нужно знать фронтендеру — как фильмы из киновселенной Марвел. Непонятно, в каком порядке их смотреть, чтобы во всём разобраться, кто все эти люди, и что будет в итоге. Наконец-то появился понятный список того, в каком порядке изучать и практиковаться в вёрстке и коде, чтобы получить новую работу за кучу денег. Первые четыре шага такие. Понять основы HTML и CSS по книжкам, ютюбу или онлайн-тренажёрам. Вникнуть в тонкости вёрстки (и завести себе Гитхаб). Пройти курсы по вёрстке и/или фронтенд-разработке и разобраться в нужных инструментах. Найти наставника и показывать ему свой код. Ещё 4 шага — в этой статье. Добавьте в закладки, скажете спасибо через год.

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

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

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

Если хотите узнать, как сделать счётчик лайков и систему комментирования, загляните в новую главу интерактивного курса «Знакомство с JavaScript» — «Условия и создание элементов». В ней вы будете работать с новостным сайтом, познакомитесь с условиями, научитесь создавать и добавлять на страницу новые элементы. В конце вас ждёт испытание: нужно будет запрограммировать список дел. Кажется слишком сложным? Сохраняйте спокойствие! Под чутким руководством инструктора Кекса сложное превращается в простое и понятное. Вперёд к знаниям!