Frontender's notes. Страница 53

​​Кто самый слабый JavaScript - разработчик? Привет коллеги! Интересный видос с заковыристыми вопросами по JS в формате викторины. Посмотрите его и испытайте себя на сколько вы гуру. 👉 Проверить свои знания

​​Codecademy сделали канал в телеграм! Codecademy — это крупнейшая в мире платформа для изучения программирования. Теперь у них есть русскоязычный канал. Там постят перевод на русский такой инфы, которую не найти ни на одном форуме! Подписывайтесь и прокачивайте свои скиллы: @ccademy

​​Повышение до тимлида: дорожная карта Автора этой статьи около полугода назад повысили до тимлида. Он прошёл долгий путь, чтобы получить эту позицию. И теперь хочет поделиться своим опытом и мыслями. Читать статью...

​​Компоненты высшего порядка ReactJS (Higher-order components) Приветствую коллеги! Огонь видео в котором автор без воды и с хорошими примерами рассказывает о HOC. Рекомендую к просмотру так как это та штука которая будет часто вам встречаться в работе плюс об этом часто спрашивают на интервью при устройстве. Смотреть…

​​Первые шаги в JavaScript: создаём сайт и приложение На бесплатном интенсиве Нетологии вы познакомитесь с разработкой на JavaScript и с нуля создадите сайт и мобильное приложение — гайд по персонажам вселенной Marvel. А ещё получите рекомендации от экспертов по самостоятельной доработке проекта. Интенсив для тех, у кого нет опыта в разработке.  Попробуйте себя в роли разработчика и проверьте, насколько эта профессия вам подходит.  https://netolo.gy/hv4

CSS media запрос any-hover Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос? Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали. Пример применения: @media(any-hover: hover) { .element: hover { // ваши стили } } Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье. #css #features

​​Приветствую коллеги! Горячая вакансия. В компанию IBS требуется Middle Front-End разработчик. Что требуется: 👉🏻Опыт разработки во фронте 👉🏻Знание React / Redux 👉🏻Умение читать и дебажить чужой код 👉🏻Умение верстать кроссбраузерно и адаптивно 👉🏻Понимание RESTfull, AJAX, XML, JSON Более подробную инфу вы можете посмотреть вот тут

​​Тренды JavaScript в 2022 году Новые JS-фреймворки постоянно появляются на рынке. Часто бывает трудно следить за новинками, а причины исчезновения некоторых продуктов бывают загадочны. Пользователи заинтересованы в производительности, скорости, популярности и соотношении цены и качества, в то время как разработчики стремятся улучшить свои решения, чтобы успешно конкурировать. В этой статье мы попытаемся спрогнозировать тренды в мире JavaScript в 2022 году и немного поразмышлять о них. Читать...

3 способа преобразования массива в объект Приветствую товарищи! Довольно часто по разным причинам нам требуется трансформировать данные в какой-либо формат, например для работы с какой-нибудь библиотекой или апихой. В этом посте описаны 3 способа с помощью которых можно массив трансформировать в объект. const arr = ['frontend', 'backend', 'qa']; // 1 способ - метод assign const obj = Object.assign({}, arr); // 2 способ - spread оператор const obj = {...arr}; // 3 способ - метод reduce const obj = arr.reduce((res, key, index) => { res[index] = key; return res; }, {}) #js #features

Хочешь стать крутым IT-разработчиком? 📍Мы научим тебя как использовать системы мониторинга при разработке проектов  📍Покажем, как грамотно проводить автоматическое тестирование в больших проектах 📍Расскажем о работающих программных связках для улучшения кода и ускорения разработки мобильных приложений 📍Поделимся полезной литературой для разработчиков 📍Дадим много профессиональных советов как для начинающих, так и практикующих специалистов 📍Научим полезным лайфхакам, основанным на наших кейсах и опыте Подписывайся на экспертное сообщество Social Discovery Ventures!

​​Интроверты против open space До недавнего времени концепция открытого рабочего пространства была лучшей формой организации офиса. Считалось, что «опенспейс» не только нравится сотрудникам, но и способствует свободному творческому обмену идеями. Однако научные исследования показали, что это далеко не так — выяснилось, что преимущества «опенспейса» были сильно преувеличены. Читать... #career

​​Prince of Persia на JavaScript! Алоха товарищи фронты! Сегодня пост немного о геймдеве. На ютубе вышел крутой видос на тему игры Prince of Persia, которая изначально вышла в 1989 году. Автор интересно рассказывает о истории самой игры, а так же о том что некий энтузиаст переписал ее на JS, а далее не менее интересно начинает разбирать JS код и рассказывать как реализованы движения персонажа, боевая система, озвучка, реализация уровней и так далее... Рекомендую к просмотру, видос как всегда краток и информативен! Смотреть видео...

​​Митап LoGeek Night JavaScript: code review 27 января На митапе вы узнаете и увидите, как неработающий JavaScript код может работать, и наоборот, как работающий JavaScript код может вести себя не корректно. Андрей Касаткин, ведущий разработчик и Lead Designer в Luxoft, расскажет, как подобное возможно, а также потенциальные пути решения подобных ситуаций. У вас будет возможность задать вопросы спикерам и принять участие в розыгрыше сертификата на обучение на онлайн-курсах от Luxoft Training! Подробности и регистрация по ссылке. Чтобы быть в курсе новостей, анонсов митапов, полезных материалов читайте  телеграм-канал Luxoft.

Скролл страницы наверх Всем привет! Микро-пост о том как простейшим способом проскроллить страницу наверх. Вот так: const scrollToTop = (x, y) => { window.scrollTo(x, y); }; scrollToTop(0, 0); #js #features

​​Еще 15 библиотек JavaScript, которые стоит использовать в своих проектах Приветствую фронты! Продолжение вот этого поста двухдневной давности о полезных JS библиотеках с которыми неплохо было бы познакомиться. Читать статью...

​​True Figma - канал, где публикуются макеты Figma для практики вёрстки. Макеты для вёрcтки - > @true_figma

Коды ответа HTTP Всем привет! Небольшая шпаргалка по HTTP кодам. Основные категории: 1xx. Информационные 100 - 199 2xx. Успешные 200 - 299 3xx. Перенаправления 300 - 399 4xx. Клиентские ошибки 400 - 499 5xx. Серверные ошибки 500 - 599 Чуть подробнее о самых часто встречающихся: 👉 200 - ОК. Cервер успешно обработал запрос. 👉 201 - Created. Сервер обработал запрос и создал новый ресурс 👉 204 - No Content. Сервер обработал запрос, но никакого содержимого нет. 👉 301 - Moved Permanently. Данные, которые запрашиваются, были перемещены по другому адресу навсегда. 👉 304 - Not Modified. Означает, что запрашиваемый ресурс не изменялся, а значит может использовать кэшированную версию. 👉 400 - Bad Request. Был отправлен запрос, который сервер не может обработать (например в запросе передан не верный формат данных) 👉 401 - Unauthorized. В доступе отказано по причине отсутствия авторизации. 👉 404 - Not Found. Связь с сервером установлена но данных по запросу нет. 👉 500 - Internal Server Error. Внутренняя ошибка сервера, причин ошибки может быть множество.

​​15 библиотек JavaScript, о которых стоит знать Язык программирования JavaScript широко используется как во фронтенде, так и в бэкенде. Не удивительно, что в его экосистеме есть множество библиотек, с помощью которых можно легко и быстро создавать самые разные сайты. В этой статье автор составил список библиотек JavaScript, о которых было бы неплохо хотя бы просто знать. Читать статью... #js