​Разбор вопросов на собеседовании на фронтенд-разработке

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

https://tprg.ru/W8c1

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

​Svelte за 100 секунд

Посмотрев это видео, вы не станете специалистом по Svelte, но вы сможете познакомиться с основными особенностями и возможностями этого фреймворка.

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

https://tprg.ru/9C7W

#видео #svelte

​Задачка на логику: как найти вероятность выпадения суммы выпавших значений k, если бросать n кубиков?

Есть n стандартных игральных костей. Бросаем все n кубики разом. Нужно найти вероятность выпадения числа k — суммы всех значений, выпавших на этих кубиках. Если не получается решить задачу быстро, не расстраивайтесь, на собеседовании на неё дают около 30 минут.

Алгоритм решения — на картинке, а здесь можно найти решение с подробным объяснением, в том числе и на языке JavaScript: https://habr.com/ru/post/676854/

#js

​История одного хакатона: как создать JS-игру с мультиплеером за 24 часа и выжить

Хитрые уловки, примеры кода и необычные оптимизации — интересная статья о том, как в ограниченных условиях создавалась полноценная игра: https://tproger.ru/articles/sozdat-js-igru-s-multipleerom-za-24-chasa-i-vyzhit/

#js #gamedev

​6 новых фич в JavaScript, о которых не знает большинство разработчиков

JavaScript постоянно развивается. В него внедряют новые решения для исправления багов. Например, математических вычисления с большими числами в JS, превышающее «‎Number.MAX_SAFE_INTEGER», порой давали неправильный ответ. Сейчас для операций можно использовать «‎BigInt», чтобы избежать ошибок и получить более точный результат.

Подробнее об этой и других фишках с примерами — в статье: https://javascript.plainenglish.io/6-cool-modern-javascript-features-most-developers-dont-know-about-7b1dbf43d7e0

#js

​​Watching-you: анимация, которая следит за пользователем

«Watching-you» — это JS-библиотека для создания анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. По сути, такая анимация будет подглядывать за действиями пользователя везде, где вы хотите. Если элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.

Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com

Посмотреть интересные примеры: https://jj811208.github.io/watching-you/

#js

​Создаём сайт портфолио с крутой анимацией

Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно:
— синхронизация вертикальных слайдов,
— CSS анимация скролла с инерцией,
— анимация при наведении.

Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU

#html #css #js

Полезная библиотека для понимания работы JS

js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

#js

​Держите подборку сборщиков модулей для приложений Node.js

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

https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/

#js #web

​JavaScript localStorage: что такое и как использовать?

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage в JS

#js

​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#js #алгоритмы

Библиотека Javascript анимации

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

#инструменты #js #css

​​​JavaScript localStorage: что такое и как использовать?

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage в JS: https://tproger.ru/articles/javascript-localstorage-polnoe-rukovodstvo/

#js

Как спрятать любые данные в PNG

PNG хранит цвет и прозрачность пикселей, и с помощью младших бит (LSB) можно зашифровать данные так, что никто ничего не заметит. Даже размер картинки останется практически тем же.

Внутри PNG можно спрятать текст, файлы или даже запихнуть все свои пароли в фото любимого кота. Тут уже всё зависит от фантазии!

А как это сделать, читайте в статье.

#стеганография #js

Поэтому мы собрали их для вас! Разумеется, с ответами и пояснениями

Проверьте готовы ли вы к позиции мидла вместе с TeamLead Frontend Developer: https://tprg.ru/4tpo

#собеседвоание #js #json #css