​Как упростить для себя рабочий процесс на 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 балл. Подсчитать и вывести количество правильных ответов на экран.

#задачи

​Задачи по JavaScript

Вчера мы опубликовали задачу, а вот и её решение:

Заведём две переменные для исходных данных: для счётчика баллов (point) и ответов от участника (answer). Пока в нашем счетчике лежит 0 баллов, а переменная для ответов — пустая. Функция prompt вызывает окно с вопросом и поле для ввода ответа. Введённый участником ответ попадает в переменную answer. Программа сравнивает (==) правильный ответ с ответом участника. Если (if) ответ правильный, то программа пойдёт по одной ветке: выведет окно с текстом 'Верно' и увеличит счётчик на единицу (0 + 1 = 1). В противном случае (else), если ответ неправильный, то программа пойдёт по другой ветке и выведет окно с текстом 'Неверно!'.

Точно так же программа обработает второй вопрос. В итоге в переменной point может оказаться от 0 до 2 баллов, это зависит от количества правильных ответов.

Если у вас есть более лаконичное решение, то предлагаем вам поделиться им в комментариях👇

#задачи

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

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

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

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

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

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

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

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

— Senior Java-разработчик в МТС
Где: Москва, можно удалённо
Опыт: от 3 лет

— Java IT Lead в Иннотех
Где: удалённо
Опыт: от 3 лет

— Фулстек-разработчик (.NET / React) в Иннотех
Где: удалённо
Опыт: от 5 лет

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

​Изучение Vue.js в 2023 году: дорожная карта разработчика

Vue.js — это популярный JavaScript-фреймворк для создания пользовательских интерфейсов.

Для того, чтобы освоить его нужно изучить не только технологии, которые касаются непосредственно Vue.js, но и уметь работать с инструментами сборки вроде менеджеров пакетов и Vite, владеть CSS на уровне архитектуры и препроцессоров, управлять состоянием и многое другое.

Дорожная карта с подробными объяснениями каждого пункта ждёт вас по ссылке:

https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/

#vue #roadmap

Создайте крутой проект для портфолио

В рамках этого видео вы поработаете с вёрсткой и JavaScript, познакомитесь с различными библиотеками и научитесь динамически комбинировать различные элементы.

По итогу вы получите клон действующего сервиса по выбору цветов:

https://www.youtube.com/watch?v=OaNICHKM5KM

#javascript #туториал

​Создать Chrome OS и остаться неизвестным: история Джеффа Нельсона

Сhrome OS — это уникальный случай, когда браузер решили превратить в полноценную систему, которая работает из облака и минимально нагружает железо. И пусть это не самая популярная ОС, но такое решение должно было сделать разработчика известным и востребованным для создания других нетривиальных решений. Так почему же о нём почти ничего не известно?

Если не хотите повторить его судьбу, то вам стоит узнать, кто же такой Джефф Нельсон, как строилась его карьера, как он придумал Chrome OS и почему он всё-таки остался неизвестным разработчиком:

https://tproger.ru/articles/sozdat-chromeos-i-ostatsya-neizvestnym-istoriya-dzheffa-nelsona/?utm_source=tg&

#chrome #os