14 февраля — праздник не только для пар, призываем сегодня позаботиться о себе и сделать что-нибудь приятное.
Если решите поверстать, на навыки, проекты и дерево навыков действует скидка 75%, акция закончится 18 февраля.
#htmlacademy_обучение
#htmlacademy_обучение
❤29👍7
Собираем вакансию мечты:
1. Гибкий график, четырёхчасовой рабочий день
2. Оплата проезда, обеда, подписки на Нетфликс и корма для кота
3. Возможность ходить по офису в любимой пижаме
Дополняйте список в комментариях ✍️
1. Гибкий график, четырёхчасовой рабочий день
2. Оплата проезда, обеда, подписки на Нетфликс и корма для кота
3. Возможность ходить по офису в любимой пижаме
Дополняйте список в комментариях ✍️
👍8❤3
Forwarded from Доктайп
Фронтенд-новости 43. Дайджест новостей и полезных статей о фронтенде.
💫 Что нового
Google Chrome 110, DevTools 110, Lighthouse 10, Chrome 111 beta
Safari Technology Preview 163
Node.js v19.6.0 (Current) с npm 9.4.
🧬 HTML и CSS
Руководство по адаптивному дизайну в 2023 году.
Как создать «макет журнала» с помощью областей CSS Grid.
Стратегия color-contrast() для дополнительных полупрозрачных фонов.
Как сделать фавикон в 2023 году: шесть файлов от Андрея Ситника.
Тестирование доступности цвета с помощью Dev Tools.
🏝️ JavaScript
Десять тенденций веб-разработки в 2023 году.
Создание стильного макета Masonry с использованием CSS и JavaScript.
Особенности Page Visibility API.
Интригующая прогулка по воспоминаниям о критике против React на протяжении многих лет.
Эффективные компоненты высшего порядка (HOC). Скорее всего, вы уже заменили ХОКи на хоки, но тем неменее всё ещё можно создать производительные компоненты на основе ХОКов.
Если вам нужны причины почему Реакт не умирает, то вот они.
Эван Ю рассказывает, чего ожидать в 2023 году от Vue.js.
Ada 1.0: новый анализатор URL-адресов Node.
Puppeteer в Node: типичные ошибки, которых следует избегать.
Будущее (и прошлое) Интернета — это рендеринг на стороне сервера.
Об использовании Playwright в GitHub Actions
🦭 Всякое ещё
WebHID + контроллер. Узнайте, как получить доступ к дополнительным кнопкам вашего контроллера с помощью WebHID.
Возможен ли Blink и Gecko в iOS? Mozilla продолжает работу над движком Gecko для iOS, а Google их в этом поддерживает.
Bing и Edge добавляют ИИ в поиск.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
💫 Что нового
Google Chrome 110, DevTools 110, Lighthouse 10, Chrome 111 beta
Safari Technology Preview 163
Node.js v19.6.0 (Current) с npm 9.4.
🧬 HTML и CSS
Руководство по адаптивному дизайну в 2023 году.
Как создать «макет журнала» с помощью областей CSS Grid.
Стратегия color-contrast() для дополнительных полупрозрачных фонов.
Как сделать фавикон в 2023 году: шесть файлов от Андрея Ситника.
Тестирование доступности цвета с помощью Dev Tools.
🏝️ JavaScript
Десять тенденций веб-разработки в 2023 году.
Создание стильного макета Masonry с использованием CSS и JavaScript.
Особенности Page Visibility API.
Интригующая прогулка по воспоминаниям о критике против React на протяжении многих лет.
Эффективные компоненты высшего порядка (HOC). Скорее всего, вы уже заменили ХОКи на хоки, но тем неменее всё ещё можно создать производительные компоненты на основе ХОКов.
Если вам нужны причины почему Реакт не умирает, то вот они.
Эван Ю рассказывает, чего ожидать в 2023 году от Vue.js.
Ada 1.0: новый анализатор URL-адресов Node.
Puppeteer в Node: типичные ошибки, которых следует избегать.
Будущее (и прошлое) Интернета — это рендеринг на стороне сервера.
Об использовании Playwright в GitHub Actions
🦭 Всякое ещё
WebHID + контроллер. Узнайте, как получить доступ к дополнительным кнопкам вашего контроллера с помощью WebHID.
Возможен ли Blink и Gecko в iOS? Mozilla продолжает работу над движком Gecko для iOS, а Google их в этом поддерживает.
Bing и Edge добавляют ИИ в поиск.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
👍13😁1
Бесплатный учебник по PHP.
PHP — язык для бэкенда, но разбираться в основах будет полезно и фронтенд-разработчику. Так вы сможете понимать, что делает ваш коллега по проекту и увеличить привлекательность вашего резюме ещё одной строчкой навыка.
Учебник лежит тут.
#htmlacademy_статьи
PHP — язык для бэкенда, но разбираться в основах будет полезно и фронтенд-разработчику. Так вы сможете понимать, что делает ваш коллега по проекту и увеличить привлекательность вашего резюме ещё одной строчкой навыка.
Учебник лежит тут.
#htmlacademy_статьи
👍13🔥2
На канале «Как стать мидлом» вы можете найти материалы более сложного уровня, которые помогут вам развиваться в профессии, а ещё у ребят сейчас розыгрыш подарков, подробности в посте ниже 👇
👍1
Forwarded from Как стать мидлом
22 февраля у Академии День рождения, нам исполняется 11 лет. В честь праздника разыгрываем подарки.
Среди покупателей любого пакета курсов в период 13-21 февраля разыграем 2 карьерные консультации. Вместе с HR-экспертом вы поработаете над резюме, сможете подготовиться к собеседованию и сделать следующий шаг в своей карьере.
Среди покупателей любого курса для практикующих разработчиков в период 13-21 февраля разыграем 3 автоматизированных скоринга для фронтендеров. Вы сможете оценить свои технические навыки и понять, куда двигаться дальше.
Победителей определим на лайве «День открытых дверей», который пройдёт 22 февраля в 13:00 по мск по этой ссылке. Мы заранее отправим вам письмо с напоминанием.
Среди покупателей любого пакета курсов в период 13-21 февраля разыграем 2 карьерные консультации. Вместе с HR-экспертом вы поработаете над резюме, сможете подготовиться к собеседованию и сделать следующий шаг в своей карьере.
Среди покупателей любого курса для практикующих разработчиков в период 13-21 февраля разыграем 3 автоматизированных скоринга для фронтендеров. Вы сможете оценить свои технические навыки и понять, куда двигаться дальше.
Победителей определим на лайве «День открытых дверей», который пройдёт 22 февраля в 13:00 по мск по этой ссылке. Мы заранее отправим вам письмо с напоминанием.
👏8
Верстальщику в помощь — подборка инструментов для проверки вёрстки
Сверстали сайт? Самое время его протестировать. В подборке найдёте базовые инструменты, которые помогут проверить вёрстку на ошибки.
BrowserStack.
Покажет, как выглядит вёрстка в разных браузерах.
Генератор HTML-дерева.
Покажет структуру разметки и структуру заголовков на странице.
PerfectPixel.
Плагин, который покажет насколько вёрстка близка к макету.
CSS Peeper.
Расширение, которое позволит быстро промониторить стили, картинки, и снять размеры без открытия инструментов разработчика.
#htmlacademy_полезное
Сверстали сайт? Самое время его протестировать. В подборке найдёте базовые инструменты, которые помогут проверить вёрстку на ошибки.
BrowserStack.
Покажет, как выглядит вёрстка в разных браузерах.
Генератор HTML-дерева.
Покажет структуру разметки и структуру заголовков на странице.
PerfectPixel.
Плагин, который покажет насколько вёрстка близка к макету.
CSS Peeper.
Расширение, которое позволит быстро промониторить стили, картинки, и снять размеры без открытия инструментов разработчика.
#htmlacademy_полезное
👍28❤7🔥1
Получите 3 месяца подписки на тренажёры бесплатно 🎁
22 февраля у Академии день рождения, в честь праздника мы решили организовать бесплатный марафон для начинающих веб-разработчиков и разыграть призы среди всех участников.
Первый розыгрыш 3 месяцев подписки пройдёт в нашем сообществе ВКонтакте, подробности в посте.
22 февраля у Академии день рождения, в честь праздника мы решили организовать бесплатный марафон для начинающих веб-разработчиков и разыграть призы среди всех участников.
Первый розыгрыш 3 месяцев подписки пройдёт в нашем сообществе ВКонтакте, подробности в посте.
👍14
Продолжаем разыгрывать призы в честь дня рождения Академии, которое состоится 22 февраля. Заодно решили рассказать, как вообще появилась наша школа.
Победителей будет трое, среди подарков подписка на три месяца, навык и проект. Розыгрыш проходит в нашем сообществе Вконтакте.
Если вы ещё не зарегистрировались на марафон, исправить это можно здесь.
#htmlacademy_мероприятия
Победителей будет трое, среди подарков подписка на три месяца, навык и проект. Розыгрыш проходит в нашем сообществе Вконтакте.
Если вы ещё не зарегистрировались на марафон, исправить это можно здесь.
#htmlacademy_мероприятия
❤14👍4
Forwarded from Доктайп
Фронтенд-новости 44. Дайджест новостей и полезных статей о фронтенде.
🔥 Самое важное
CSS Snapshot 2023. Основная задача — сформировать текущее состояние CSS на 2023 год.
Выражения от контейнеров теперь есть во всех основных браузерных движках.
Документальный фильм про React.
💫 Что нового
У WCAG 2.1 появился перевод на каталонский, а мы напомним, что есть и русский перевод для WCAG 2.0.
Декларативный Shadow DOM в Safari TP 162
[](https://webislife.ru/strokoff/deklarativnyj-shadow-dom/)
Что нового в Lighthouse 10
Firefox 110 (и ещё для разработчиков)
Chrome 111 DevTools
🧬 HTML и CSS
Как с помощью
Как отслеживать изменения в DOM-дереве.
С какими проблема вы столкнётесь при создании фавиконки для тёмной и светлой темы.
Как создать разноцветные полупрозрачные градиентные тени.
Как работает box-sizing.
🏝️ JavaScript
10 ошибок, которых следует избегать при работе с Vue 3.
State of React Native 2023
Рефакторинг компонентов TypeScript React в VS Code.
А что если не использовать системы сборки для JS?
Использование RxDB в качестве базы данных в Node.js.
▶️ Игорь Антонов про протокол
Используйте MutationObserver для обработки узлов DOM, которых еще не существует.
Полное руководство по тайм-аутам в Node.js.
Представьте, что Node.js работает прямо в вашем браузере. Узнайте о веб-контейнерах.
🦭 Общее
Пять способов оптимизации скорости веб-сайта для начинающих и как сделать их правильно — несколько удобных стратегий повышения производительности вашего сайта.
SPA нужен не всегда.
Git Notes: самая крутая и самая нелюбимая функция Git? Знаете ли вы, что вы можете добавлять примечания к коммитам (помимо обычных сообщений коммитов) с помощью git из командной строки?
Последняя бета-версия iOS и iPadOS 16.4 поддерживает API Web Push для веб-приложений на главном экране.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
🔥 Самое важное
CSS Snapshot 2023. Основная задача — сформировать текущее состояние CSS на 2023 год.
Выражения от контейнеров теперь есть во всех основных браузерных движках.
Документальный фильм про React.
💫 Что нового
У WCAG 2.1 появился перевод на каталонский, а мы напомним, что есть и русский перевод для WCAG 2.0.
Декларативный Shadow DOM в Safari TP 162
[](https://webislife.ru/strokoff/deklarativnyj-shadow-dom/)
Что нового в Lighthouse 10
Firefox 110 (и ещё для разработчиков)
Chrome 111 DevTools
🧬 HTML и CSS
Как с помощью
size-adjust, ascent-override, descent-override и line-gap-override уменьшить сдвиг интерфейса. Как отслеживать изменения в DOM-дереве.
С какими проблема вы столкнётесь при создании фавиконки для тёмной и светлой темы.
Как создать разноцветные полупрозрачные градиентные тени.
Как работает box-sizing.
🏝️ JavaScript
10 ошибок, которых следует избегать при работе с Vue 3.
State of React Native 2023
Рефакторинг компонентов TypeScript React в VS Code.
А что если не использовать системы сборки для JS?
Использование RxDB в качестве базы данных в Node.js.
▶️ Игорь Антонов про протокол
node:. История возникновения и как пользоваться.Используйте MutationObserver для обработки узлов DOM, которых еще не существует.
Полное руководство по тайм-аутам в Node.js.
Представьте, что Node.js работает прямо в вашем браузере. Узнайте о веб-контейнерах.
🦭 Общее
Пять способов оптимизации скорости веб-сайта для начинающих и как сделать их правильно — несколько удобных стратегий повышения производительности вашего сайта.
SPA нужен не всегда.
Git Notes: самая крутая и самая нелюбимая функция Git? Знаете ли вы, что вы можете добавлять примечания к коммитам (помимо обычных сообщений коммитов) с помощью git из командной строки?
Последняя бета-версия iOS и iPadOS 16.4 поддерживает API Web Push для веб-приложений на главном экране.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
👍7❤1