​ТОП-5 вопросов и ответов по JavaScript на Stack Overflow за всё время

Они могут поставить в тупик как Junior-разработчика, так и разработчика уровня Middle. Вы можете столкнуться с подобным на собеседовании или во время работы.

Ответы с примерами кода и подробными объяснениями по ссылке:

https://proglib.io/p/top-5-voprosov-i-otvetov-po-javascript-na-stack-overflow-za-vse-vremya-2022-09-14

#javascript

​Внедрение зависимостей в Angular

Внедрение зависимостей — это шаблон проектирования и механизм для использования кода в разных частях приложения.

Нашли для вас туториал, в котором автор объясняет простыми словами, как выполнить эту задачу, используя Angular.

#зависимости #angular

​Новое в CSS и пользовательском интерфейсе

Чтобы разработчики смогли разобраться в новинках, Lead Web Developer Новео Екатерина перевела для наших читателей обзор от команды Google I/O. Осталось только изучить материал и применить его на практике!

Перевод статьи: https://tproger.ru/articles/novoe-v-css-i-polzovatelskom-interfejse-izdanie-i-o-2023/

#css

​ТОП-10 шаблонизаторов для фронтенд-разработки

Шаблонизаторы позволяют использовать одну и ту же HTML-разметку в любых местах веб-приложения и вставлять в эту разметку свои данные.

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

https://proglib.io/p/top-10-shablonizatorov-dlya-frontend-razrabotki-2023-01-17

#html

​Сайт, целиком написанный ChatGPT

Нам известны случаи, когда нейросеть, помогала программистам писать определённые куски кода. Но, автор статьи решил пойти дальше и проверить, сможет ли искусственный интеллект завершить проект до конца под его руководством?

О трудностях с которыми пришлось столкнуться разработчику, а так же о полезных функциях, которые он обнаружил, можно прочитать по ссылке:

https://habr.com/ru/articles/713532/

#chatgpt

​Как упростить для себя рабочий процесс на JavaScript?

Возможно, вам приходилось сталкиваться с объёмными заданиями в работе, к которым вы не знали, как подступить.

По ссылке для вас подробный обзор подходов к разбиению длительных задач в JavaScript на отдельные части:

https://web.dev/optimize-long-tasks/

#javascript

Подборка актуальных вакансий

— Младший Python-разработчик в Kokoc Group
Где: удалённо
Опыт: можно без опыта

— QA Automation Java в Открытие
Где: удалённо
Опыт: от 2 лет

— Программист-разработчик Python в Гринатом
Где: удалённо
Опыт: от 2 лет

— UX-исследователь (Middle/Senior) в Открытие
Где: Москва, можно удалённо
Опыт: от 2 лет

— Python-разработчик в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— UX/UI-дизайнер в Гринатом
Где: удалённо
Опыт: от 3 лет

— Java-разработчик в Гринатом
Где: удалённо
Опыт: от 3 лет

— QA Automation (Python) в Иннотех
Где: удалённо
Опыт: от 3 лет

— Java-разработчик в Иннотех
Где: удалённо
Опыт: от 3 лет

— Middle Golang-разработчик в МТС
Где: удалённо
Опыт: от 3 лет

— Middle+ Senior Java-разработчик в Иннотех
Где: удалённо
Опыт: от 3 лет

— Senior Frontend-разработчик в Kokoc Group
Где: удалённо
Опыт: от 4 лет

#вакансии #работа

Интерактивная модель машинки, написанная на чистом HTML и CSS

Ещё один пример интересного пет-проекта на CodePen. Вы может взаимодействовать с моделью через чекбоксы: открывать двери и капот, добавлять тюнинг и подсветку или заставить машинку ездить по кругу.

По ссылке вы сможете подробно познакомиться с кодом, а так же подглядеть интересные решения для своих проектов:

https://codepen.io/YusukeNakaya/pen/ZadZxL

#css #html

​CSS-селектор: is()

Данный селектор обладает возможностями, о которых вы, возможно не знали. Например, взгляните на картину, при выборе .a .b .c выбирается первый .c. Но при выборе .a :is(.b .c) вы заметите, что выбраны оба.

Подробный обзор со всеми нюансами функционала по ссылке:

https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/

#css

Как сделать приложение более динамичным и отзывчивым

Эффект «boop» — это анимация при наведении. Возможно, такие вещи покажутся вам мелочью, но именно эти детали в итоге могут помочь сделать классный продукт.

Ловите полезный туториал, который научит вас делать необычные эффекты по ховеру на React:

https://habr.com/ru/companies/kts/articles/670234/

#react

​Создание Typing Test приложения

Typing Test App — это приложение, которое позволяет проверять скорость и точность печати. Для его создания автор выбрал React и TypeScript , а для работы с состоянием использовал Redux Toolkit.

С подробным туториалом, а так же с репозиторием проекта вы сможете ознакомиться по ссылке:

https://tproger.ru/articles/sozdanie-typing-test-prilozheniya-na-react-typescript-redux-toolkit/

#react #typescript

Пошаговое руководство по созданию фуллстак-приложения за час😂

​Микрофронтенд с feature sliced design

В этой статье автор рассмотрел концепцию двух данных архитектур, обсудив их преимущества перед монолитными фронтенд‑приложениями и другими доступными настройками.

А так же рассказал, как ему удалось удачно объединить оба решения в одном проекте:

https://habr.com/ru/articles/747952/

Под постом вас будет ждать викторина, которая поможет вам проверить насколько хорошо вы усвоили материал👇

#архитектура

​Свой собственный аудиоплеер

Программистам, в особенности новичкам, полезно иногда создавать подобные мини-проекты для тренировки своих навыков.

Предлагаем вам изучить подробный туториал на создание аудиоплеера с помощью популярной JavaScript-библиотеки React:

https://proglib.io/p/v-ritmah-react-a-rukovodstvo-po-sozdaniyu-audiopleera-s-pomoshchyu-react-2023-02-01

#javascript #react

Стильное отображение погоды для вашего сайта

Готовые виджеты на каждый случай. Выполнены с использованием SVG и JavaScript. Подсмотреть готовый код можно по ссылке:

https://codepen.io/ste-vg/pen/GqaZbo

#codepen

position: absolute;
right: -50%;

​Задачи по JavaScript

Мы возвращаем старую рубрику. Хорошо подумайте над решением, а уже завтра мы опубликуем правильный ответ. Удачи!

Реализуйте алгоритм: участнику викторины задаётся 2 вопроса. За каждый правильный ответ начисляется 1 балл. Подсчитать и вывести количество правильных ответов на экран.

#задачи