​Насколько вы знаете JavaScript?

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

Тесты доступны на различных языках, включая русский. Подробнее:

https://github.com/lydiahallie/javascript-questions/blob/master/ru-RU/README.md

#тесты #javascript

Кастомный чекбокс на чистом CSS

Подробная видеоинструкция по созданию интересного чекбокса на чистом CSS. Заварите себе чашечку кофе, включайте видео и наслаждайтесь процессом создания. Заодно можете почерпнуть что-то полезное и для себя.

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

#видео #css

Выглядит адаптивненько

​5 способов избежать повторного рендеринга компонентов React

Когда речь заходит о повторном рендеринге в React, то на ум сразу приходит useMemo, не так ли? Действительно, useMemo специально создан для того, чтобы избежать лишнего рендеринга. Но что, если мы скажем, что существуют ещё, как минимум, 4 способа, позволяющие достичь такого же поведения и у каждого из них есть свои особенности?

Хотите узнать подробнее? Тогда переходите по ссылке:

https://blog.bitsrc.io/5-ways-to-avoid-react-component-re-renderings-90241e775b8c

#react

​Погружение в Vue 3 — API реактивности

Применительно к Vue, реактивность — это функция, позволяющая обновлять содержимое экрана в соответствии с изменениями внутри кода. В этой статье речь в первую очередь пойдёт о ref, но также автор затрагивает применение toRef, toRefs и isRef. Подробнее:

https://developers.deepgram.com/blog/2022/02/diving-into-vue-3-reactivity-api/

#фронтенд #vue

​Разработчики из Netflix после падения акций:

​Повышение производительности пакета JavaScript с помощью разделения кода

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

https://www.smashingmagazine.com/2022/02/javascript-bundle-performance-code-splitting/

#javascript

​Создание микрофронтенда на Angular с общим доступом к состояниям через NgRx и NX cli

Прочитав эту статью, вы сможете создать масштабируемое микрофронтенд-приложение с общим управлением состоянием на Angular:

https://itnext.io/building-angular-micro-frontend-with-ngrx-state-sharing-and-nx-cli-7e9af10ebd03

#angular

​Создание собственной системы сборки

Автору этой статьи показалось, что gulp недостаточно хорош для сборки его проектов, поэтому решил написать собственный вариант. В итоге он остановился на сочетании концепций gulp с современным JavaScript. И вот, что у него получилось:

https://palant.info/2022/02/08/writing-my-own-build-system-coupling-gulp-concepts-with-modern-javascript/

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

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

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

#api #javascript

​Как работает HTTPS в картинках

Вы когда-нибудь задумывались зачем иконка зеленого замка появляется в адресной строке вашего браузера? И почему это так важно? Создатели этого сайта-комикса решили помочь разобраться в этом всем желающим!

Последуйте навстречу приключениям кота Сертификэта, птички Браузерберда, и ПеСеля, тогда, они объяснят, почему HTTPS так важен для будущего веба, и каким образом все это работает. Познакомиться с ними можно здесь:

https://howhttps.works/ru/

#https

​Динамический разделитель строк на Flexbox

Простая, но полезная инструкция по созданию динамического разделителя элементов на Flexbox, который будет правильно подстраиваться под размер экрана и расположение элементов относительно друг друга:

https://ishadeed.com/article/flexbox-separator/

#css

Фронтенд-разработчики: *TRIGGERED*

​Сравниваем async/await и then/catch с примерами

В JavaScript есть два основных способа обработки асинхронного кода: Promise (ES6) и async/await (ES7). Эти синтаксисы дают нам равные базовые функции, но по-разному влияют на читаемость и область видимости, а это крайне важно при работе с кодом.

В этой статье вы увидите, как один вариант помогает нам, а другой возвращает нас в эпоху callback hell. Подробнее:

https://habr.com/ru/company/skillbox/blog/651781/

#javascript

50 вопросов на собеседовании по Vue JS

Хотите понять как чувствует себя кандидат на вакансию, а также узнать, что могут задать на собеседовании Vue-разработчику? Тогда открывайте видео и смотрите. А для больше интереса можете ставить видео на паузу и пробовать ответить самостоятельно до того, как об этом расскажет автор:

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

#видео #vue

​Начало работы с API доступа к файловой системе

API доступа к файловой системе — это веб-API, который позволяет читать и записывать локальные файлы пользователя. Он открывает новые возможности для создания мощных веб-приложений, таких как текстовые редакторы или IDE , инструменты редактирования изображений, улучшенный импорт/экспорт, и все это во внешнем интерфейсе. 

Давайте посмотрим, как начать использовать этот API:

https://css-tricks.com/getting-started-with-the-file-system-access-api/

#api

​Анимированная таблица Менделеева на JavaScript

В этом проекте каждый элемент анимирован в зависимости от агрегатного состояния вещества: твёрдого, жидкого или газообразного. Посмотрите, как это реализовано с точки зрения кода:

https://codepen.io/dilums/pen/oNzyeEv

#codepen #javascript

Ну конечная цель ведь достигнута

​Как стать известным в мире программирования

В новом выпуске подкаста Frontend Weekend компанию Анрдею Смирнову составил Никита Дубко. Никита крутой фронтенд-разработчик и ведущий не менее крутого подкаста «Веб-стандарты». Они обсудили работу в Минске, как Никита стал Google Developer Expert, борьбу с синдромом самозванца и многое другое.

Посмотреть или послушать можно тут:

https://youtu.be/6Gx_nP2u-jU

#подкаст

​Парсинг сайтов с использованием библиотеки Goutte

Сегодня для парсинга всё чаще используется Python, но это не единственный язык с помощью которого можно эффективно извлечь данные с сайта. Благодаря библиотеке Goutte эффективно заниматься парсингом можно и на PHP. О том как это сделать, читайте в статье:

https://tproger.ru/articles/skraping-s-goutte-crawler-parsing-sajtov-s-ispolzovaniem-biblioteki-goutte/

#парсинг #goutte #php

​Создание реального приложения dApp с помощью React, Solidity и Web3.js

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

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

https://habr.com/ru/post/653679/

#web3 #react #solidity