​История происхождения: Как небольшая команда разработчиков создала React.js на Facebook

React, несомненно, является одной из самых популярных библиотек, используемых сегодня во фронтенд-разработке. Но знали ли вы, что первая встреча React с публичной сферой было не самой грандиозной?

Сегодня мы предлагаем вам посмотреть не очередной туториал или курс, а документальный фильм, который расскажет вам полную историю первых дней React, уделяя особое внимание группе преданных своему делу разработчиков, которые помогли вывести его на мировую арену:

https://youtu.be/8pDqJVdNa44

#видео #react

​Лучшие способы вызова API на JavaScript

При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. А делать это можно различными способами. Подробнее о них:

https://nuancesprog.ru/p/15597/

#api #javascript

​Что такое JSON и чем может быть полезен?

JSON или JavaScript Object Notation — текстовый формат обмена данными. И хотя JSON основан на JavaScript, он применяется и при работе с другими языками программирования. Корректные значения JSON — это:
— JSON-объект — неупорядоченное множество пар «ключ:значение», заключённое в фигурные скобки { };
— массив — упорядоченный набор значений, разделённых запятыми и находящийся внутри квадратных скобок [ ];
— число (целое или вещественное) или строка;
— литералы true, false и null.

Давайте на примерах разберёмся, чем JSON может быть полезен и как использовать его правильно: https://tproger.ru/articles/chto-takoe-json-vvedenie/

​Webpack + CSS Modules + TS = Love

Модули CSS позволяют решить одну из главных проблем в стилизации элементов — коллизию имён. Модули хешируют имена классов в файле, что позволяет избежать подключения неверного класса с таким же названием.

Вот только TypeScript по умолчанию с модулями CSS работать не умеет. Зато его можно легко обучить этому. Как это сделать, рассказали тут:

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

#typescript #css #webpack

Ну не переделывать же всё

​5 классных стилей заголовков CSS с кроссбраузерной совместимостью

Заголовок — это первое, что видит посетитель на веб-сайте, поэтому он задаёт тон всему остальному сайту и должен быть оформлен надлежащим образом. В этой статье вы найдёте пять классных способов оформления заголовков с помощью CSS:

https://blog.logrocket.com/five-cool-css-header-styles-with-cross-browser-compatibility/

#css #фронтенд

​Индикатор прокрутки на чистом JS + SVG-анимация окружности

Наверняка вы замечали на сайтах полосу прогресса прочтения статьи. Хотите сделать такую же?

В этом видео автор показал, как реализовать такой элемент, а ещё как сделать аналогичный индикатор, но в форме кольца:

https://youtu.be/ScadOMC4Bko

#видео #фронтенд

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

— UX-дизайнер в Иннотех
Где: удалённо
Опыт: можно без опыта

— Web-аналитик в Открытие
Где: Москва, можно удалённо
Опыт: от 2 лет

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

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

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

— Тестировщик в Гринатом
Где: удалённо
Опыт: от 3 лет

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

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

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

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

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

​Объёмный курс по Next.js

В этом курсе вы за 2 часа узнаете, что такое рендеринг на стороне сервера, как работает генерация статического сайта и когда вам следует выбрать Next.js для вашего следующего проекта. А также, как настроить следующий проект и использовать возможности Next.js по максимуму:

https://youtu.be/uU80SSxn9_c

#видео #nextjs #бэкенд

Актуальные вакансии для разработчиков от AFFINAGE

Affinage входит в большую группу компаний и является лидером веб-разработки в РФ. С 2018 года команда ведет заказную разработку финансовых инструментов на реактивных фреймворках, разрабатывает админки с нуля, переводит продукты на новый стек, настраивает сложные интеграции и выстраивает диджитал-стратегии.

Сейчас в компании открыто две вакансии — Vue.js- и Laravel-разработчик:

1. Что ждут от Vue.js-разработчика:

— JavaScript, Vue/Nuxt, HTML/SCSS (кроссбраузерность, семантика, блочная модель, анимации, доступность, flexbox, grid и т.д.);
— опыт внедрения ESLint, Stylelint и автоматизации сборки (Webpack, Gulp);
— понимание принципов работы современных браузеров и серверов, протоколов HTTP и WebSocket, стека TCP/IP и RESTful веб-служб.

Доход от 180 000 ₽

2. Что ждут от Laravel-разработчика:

— уверенное знание PHP7+, MySQL, HTML/CSS;
— опыт работы с системами контроля версий (GIT), с командной строкой SSH, уверенное владение ООП и знание PSR 0-4;
— опыт написания собственных компонентов и умение работать с Legacy-кодом.

Доход от 120 000 ₽

Что предлагают:

— стабильность и уверенность: много интересных заказов, проекты, известные на всю страну;
— бесплатное обучение, возможность публичных выступлений, участие в конференциях, публикация статей;
— работа из любой локации и неограниченные возможности карьерного роста;
— уважительное отношение внутри команды и комфортная работа, которой можно гордиться.

Расскажите о себе и присылайте ваше резюме на почту: hr@affinage.ru или в телеграм HR @olya_evsyukova

#вакансии

Дайджест Python #13: инструменты для Data Science и исполняемые файлы из скрипта

Свежий дайджест за первую половину июля уже у нас на сайте. Заходите и узнайте, как сделать из Python-скрипта исполняемый файл, какие инструменты использовать в Data Science и как настроить автопостинг в ВК:

https://tproger.ru/articles/dajdzhest-python-13-instrumenty-dlya-data-science-i-ispolnyaemye-fajly-iz-skripta/

#python #дайджест

​API_PATH или как фронтенд может узнать, где находится его бэкенд?

Существуют ситуации, когда разработчик не может знать точно, по какому URL будет запущено его web-приложение: например, когда его web-приложение встраивается в другое. В таком случае надо разбираться откуда будут браться данные и как получить к ним доступ.

Решить эту задачу можно несколькими способами. Подробнее о них в статье:

https://tprg.ru/rfGN

#фронтенд #бэкенд

​Основы Websocket. Использование с react, redux, saga и RTK Query

WebSocket — протокол связи поверх TCP-соединения, предназначенный для обмена сообщениями между браузером и веб-сервером, используя постоянное соединение. В этой статье вы узнаете, как он используются со стороны фронтенда и бэкенда, в чём его преимущества перед другими протоколами, а также какие библиотеки сегодня используются для работы с ним.

Подробнее:

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

#websocket

​Почему функция map не работает с некоторыми массивами в JavaScript и что с этим делать

Некоторые функции в JavaScript не всегда ведут себя так, как того ожидает программист. В частности, это касается функции map, которая в ряде случаев ведёт себя странно и на первый взгляд нелогично. Разбираемся в чём причина такого поведения тут:

https://tproger.ru/translations/why-js-map-doesnt-work/

#javascript

​Что такое WebRTC и как этим пользоваться

На сегодняшний день почти в любом браузере уже есть всё, что необходимо для совершения видеозвонков. Это возможно благодаря встроенному WebRTC API, который даёт доступ к системным камерам, позволяет запускать видеопоток и подключаться к удалённой системе, и всё это без использования каких-либо сторонних плагинов.

Подробнее об этом в статье:

https://www.sitepen.com/blog/getting-started-with-webrtc

#api #webrtc

Отличный способ убить время на работе — запускать код без изменений и удивляться почему же он не работает

​Разработка чат-ботов с использованием Ruby

Нечасто у нас появляются материалы по Ruby, но этот бриллиант, вернее рубин, нельзя обойти стороной. Мы привыкли, что ботов делают на Python, но автор этой статьи показал, что разрабатывать их на Ruby может быть не менее удобно.

Убедитесь сами:

https://tproger.ru/articles/razrabotka-chat-botov-s-ispolzovaniem-ruby/

#ruby