Telegram Web Link
Селфи в браузере

В данной статье автор рассказывает, как сделать селфи в браузере. Для захвата изображения используется MediaStream Image Capture. Для захвата потока - Media Capture and Streams. File API используется для работы с файлами.

Читать

#статья | JavaScript_Teacher
Что такое деструктуризация объекта (Object Destructuring)?

Деструктуризация
— относительно новый способ получения (извлечения) значений объекта или массива.

Допустим, у нас есть такой объект:

const employee = {
firstName: 'Marko',
lastName: 'Polo',
position: 'Software Developer',
yearHired: 2017
}



Раньше для получения свойств объекта мы создавали переменные для каждого свойства. Это было очень скучно и сильно раздражало:

var firstName = employee.firstName
var lastName = employee.lastName
var position = employee.position
var yearHired = employee.yearHired



Использование деструктуризации позволяет сделать код чище и отнимает меньше времени. Синтаксис деструктуризации следующий: заключаем свойства объекта, которые хотим получить, в фигурные скобки ({ }), а если речь идет о массиве — в квадратные скобки ([ ]):

let { firstName, lastName, position, yearHired } = employee

#собеседование | JavaScript_Teacher
Предложение по стандартизации сигналов для TC39

Энтузиасты JavaScript-сообщества разработали предложение по стандартизации сигналов для рассмотрения в TC39. Каждый из вас может не только ознакомиться с этим предложением, но и внести свой вклад в стандарт сигналов, тем самым расширив возможности JS-разработки.

#статья | JavaScript_Teacher
Что будет выведено в консоль?

#Тест | JavaScript_Teacher
React 19 уничтожит все фреймворки

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

#Статья | JavaScript_Teacher
👩‍💻 Топ-10 заданий по написанию кода для собеседования по React.js в 2024 году

Эти 10 заданий по созданию кода с примерами решений помогут закрепить основные теоретические понятия React.js и прокачать практические навыки. Изучение лучших сценариев написания кода  —  верный путь к успешному прохождению собеседования.

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Как оживить фронтенд: 8 лучших JS-библиотек для анимации

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

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Что будет выведено в консоль?

#Тест | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
Что такое прогрессивные веб-приложения

Прогрессивные приложения – один из главных трендов веб-разработки. Рассказываем, из каких компонентов состоят PWA, как они могут заменить стандартные веб- и мобильные приложения, и какие компании уже убедились в их высокой эффективности.

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Удалить привязку из URL-адреса

Удалить привязку из URL-адреса

Завершите функцию/метод так, чтобы он возвращал URL-адрес с чем угодно после удаления привязки (#).

Примеры:

"www.codewars.com#about" --> "www.codewars.com"
"www.codewars.com?page=1" -->"www.codewars.com?page=1"


✔️ Решать задачу на CodeWars

#Задача | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Реализация шаблона Saga в микросервисах с помощью Node.js

Рассматриваем особенности использования шаблона Saga при создании приложений с наиболее востребованной сегодня микросервисной архитектурой.

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 18 советов по созданию чистого и эффективного кода JavaScript

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

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Что будет выведено в консоль?

#Тест | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Ускоренный запуск системы “Аутентификации + база данных” (React.js и Firebase)

Настройка интегрированной системы аутентификации и базы данных отнимает много времени у разработчиков полного цикла. Предлагаем руководство по ускоренному (и бесплатному) запуску системы React.js и Firebase (хотя оно подойдет и для разработки Next.js-приложений).

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Гибкая ORM для Node.js – Sequelize

Когда начинаешь делать очередной проект, появляется желание упростить себе жизнь и лишний раз не писать SQL-запросы. В таком случае было бы неплохо познакомиться с технологией ORM.

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
Как очистить такой массив:

var arrayList = ['п', 'р', 'и', 'в', 'е', 'т']


🗣️ Чем больше способов назовёте — тем лучше. Ниже — три способа, попробуйте найти четвёртый.

Вариант 1:
arrayList = [];

Таким образом переменной arrayList задаётся новый пустой массив. Это решение подойдёт, если в других местах кода нет ссылок на исходное значение arrayList.

Вариант 2:
arrayList.length = 0;

Такой код очищает существующий массив arrayList, устанавливая его длину как 0. Это решение подходит, если нужно обновить все ссылочные переменные, которые указывают на исходный массив arrayList.

Вариант 3:
arrayList.splice(0, arrayList.length);

Очистка массива таким образом также обновит все ссылки на исходный массив arrayList.

#Собес | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
🧰 17 суперинструментов для разработки фронтенда

Подборка опенсорсных библиотек на все случаи жизни – от создания графиков и диаграмм до масштабирования проекта с помощью распределенного выполнения задач и кэширования вычислений.

#Статья | JavaScript_Teacher
Please open Telegram to view this post
VIEW IN TELEGRAM
2024/05/31 03:52:03
Back to Top
HTML Embed Code: