Frontend klondike

2021-05-31 12:36:00 ​​Одному кодеру стало настолько скучно, что он собрал труселя в чемоданы и свалил в Японию

Теперь он делится максимально полезной инфой:

— Какие языки учить?
— Как переехать на ПМЖ?
— Сколько должны платить?
— Как не опозориться перед дамой?

...И ещё тысяча лайфхаков для программиста в Японии

Ты достоин лучшей жизни и Кодер из Токио докажет тебе это! Открыть/Комментировать

2021-05-28 12:30:59 ​​Базовая структура HTML-документа с объяснением каждой строчки.

https://habr.com/ru/company/macloud/blog/555082/ Открыть/Комментировать

2021-05-28 10:00:50 ​​Курс React + Next.js - с нуля со скидкой до 90%: TypeScript, Hooks, SSR и CSS Grid

Next.js - готовый к production framework для React - самой популярной JavaScript библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией страниц.

Мы детально разберем: TypeScript, настройку окружения и сборку проекта, работу в Figma, React Hooks, создание компонентов, контекст, роутинг, вёрстку на CSS grid, SSR, встроенные компоненты, работу с формами через react-hook-form, aнимацию с помощью Framer Motion, доступность с клавиатуры и работу ScreenReader, подготовку приложения к production и работу Docker.

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

Для подписчиков сообщества Frontend Klondike этот курс со скидкой до 90% по ссылке

https://www.udemy.com/course/react-nextjs/?couponCode=12AA79A11D5DE5D7C000 Открыть/Комментировать

2021-05-27 14:10:23 ​​Почему стоит использовать тег вместо .

Выбор между тегами picture и img может показаться мелким решением, но сделав правильный выбор, вы сможете повысить и удобство для пользователя, и производительность.

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

https://habr.com/ru/company/vdsina/blog/555736 Открыть/Комментировать

2021-05-27 12:00:45 ​​ Думаешь, посмотришь видео и станешь React-разработчиком? Как бы не так.

Студенты OTUS рассказывают, что ради уверенного навыка приходится по два часа сидеть над практикой и еще столько же после подробного code review от преподавателей. Зато с такой подготовкой становишься ценнейшим кадром в рядах фронтендеров и fullstack-разработчиков. Тебя ждут актуальный стек технологий и best practice фронтенда.

Уже есть опыт JavaScript разработки и хочешь узнать, подойдет ли тебе курс «React.js Developer»? Пройди вступительный тест: https://otus.pw/GlK1/ Открыть/Комментировать

2021-05-26 14:45:35 ​​Вышел Bootstrap 5: оцениваем 7 главных нововведений.

Пройдя через несколько альфа- и бета-версий, наконец-то появился Bootstrap 5, на что у разработчиков ушло несколько месяцев. Новая версия претерпела серьезные изменения, включая отказ от поддержки Internet Explorer (IE) и зависимости jQuery. От IE было решено отказаться, потому что браузер занимает всего 3% рынка и его доля продолжает снижаться.

Что такое Bootstrap? Это самый популярный в мире CSS-фреймворк с открытым исходным кодом, который разработан командой Twitter. В v5 внесено сразу несколько критически важных изменений, давайте посмотрим, что там и как.

https://habr.com/ru/company/selectel/blog/555930 Открыть/Комментировать

2021-05-26 12:15:00 ​​Back-end\Front-end лайфхаки за 30 секунд!

Теперь, чтобы стать мощным прогером, достаточно лишь смотреть короткие видео по 30 секунд в формате TikTok и сразу же внедрять их в работу. That's it!

Все видео публикуем здесь

Попробуй, затягивает Открыть/Комментировать

2021-05-25 17:00:30 ​​Полезные JavaScript-библиотеки.

Не стоит недооценивать силу простоты. Пожалуй, сложно представить себе, что на чистом JavaScript реализовано что-то вроде системы push-уведомлений, работающей в реальном времени, или инструмент для работы с базами данных, или полноценный текстовой редактор. Но подобные проекты существуют и позволяют решать множество актуальных задач. В этом материале речь пойдёт о нескольких весьма полезных библиотеках, которые подключаются к страницам в виде обычных JavaScript-файлов. При рассказе о каждой из них я постараюсь выделять их особенности и приводить примеры их использования.

https://habr.com/ru/company/ruvds/blog/554286 Открыть/Комментировать

2021-05-25 13:00:34 Наши друзья из школы «Лектрум», которая обучает веб-разработке , не только проводят классные live-события (вебинары, воркшопы), но и делятся полезной информацией у себя в канале.

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

Тем более скоро они планируют обновить канал и вы сможете повлиять на его содержание. Сейчас проводится голосование.

Присоединяйтесь → https://t.me/lectrum Открыть/Комментировать

2021-05-24 18:02:28 Посмотри на ДЕЙСТВИТЕЛЬНО ужасный код: @badcode_tg Открыть/Комментировать