Как пройти собеседование на позицию Middle JavaScript разработчика?
Насколько хорошо вы знаете JavaScript? Может вы будучи джуном уже имеете достаточно знаний и навыков необходимых для мидла?
Мы подготовили статью, где вы сможете проверить свои знания по JavaScript, а также получить полезные советы для успешного прохождения собеседования:
https://tprg.ru/6rO2
#javascript
Насколько хорошо вы знаете JavaScript? Может вы будучи джуном уже имеете достаточно знаний и навыков необходимых для мидла?
Мы подготовили статью, где вы сможете проверить свои знания по JavaScript, а также получить полезные советы для успешного прохождения собеседования:
https://tprg.ru/6rO2
#javascript
👍1😁1
Создание игры Minecraft на JavaScript за час
Конечно, это более упрощённая версия игры, но сам факт того, что за час создана вполне работоспособная демка, которая запускается в браузере впечатляет, согласны?
Автор использует библиотеки React и Three.js и показывает каждый шаг создания игры, поэтому вы можете повторить это самостоятельно. Подробнее в этом видео:
https://tprg.ru/j9Xc
#react #javascript
Конечно, это более упрощённая версия игры, но сам факт того, что за час создана вполне работоспособная демка, которая запускается в браузере впечатляет, согласны?
Автор использует библиотеки React и Three.js и показывает каждый шаг создания игры, поэтому вы можете повторить это самостоятельно. Подробнее в этом видео:
https://tprg.ru/j9Xc
#react #javascript
YouTube
Building Javascript Minecraft in 1 hour - [React & Three.js Tutorial]
In this video i show how to build a minecraft clone in Javascript using React.js, Three.js and React Three Fiber.
EDIT: nanoid as key on every render is a bad practice, instead it should be applied to each cube on creation in the store, see repo for final…
EDIT: nanoid as key on every render is a bad practice, instead it should be applied to each cube on creation in the store, see repo for final…
JS-алгоритм ищет выход из сгенерированного на ходу лабиринта
Занимательный проект в котором алгоритм самостоятельно сперва генерирует рандомный лабиринт, а затем ищет выход из него.
Узнать о проекте подробнее и получить инструкцию для самостоятельной установки можно в нашей статье:
https://tprg.ru/tGpy
#javascript
Занимательный проект в котором алгоритм самостоятельно сперва генерирует рандомный лабиринт, а затем ищет выход из него.
Узнать о проекте подробнее и получить инструкцию для самостоятельной установки можно в нашей статье:
https://tprg.ru/tGpy
#javascript
YouTube
Pathfinding and Maze Generation Demo
A demo for the web app I built to visualize different pathfinding and maze generation algorithms.
Link to the website: https://ismailelshinnawy.github.io/Pathfinding-Visualizer
Link to the source code: https://github.com/IsmailElShinnawy/Pathfinding-Visualizer…
Link to the website: https://ismailelshinnawy.github.io/Pathfinding-Visualizer
Link to the source code: https://github.com/IsmailElShinnawy/Pathfinding-Visualizer…
Интересные возможности переменных CSS
Всё ли вы знаете о переменных CSS? Помимо возможности выполнять в них простые вычисления и наличия реактивности они имеют множество способов применения и настройки.
В этой статье рассматриваются интересные и не самые очевидные варианты их использования:
https://tprg.ru/eoHS
#фронтенд #css
Всё ли вы знаете о переменных CSS? Помимо возможности выполнять в них простые вычисления и наличия реактивности они имеют множество способов применения и настройки.
В этой статье рассматриваются интересные и не самые очевидные варианты их использования:
https://tprg.ru/eoHS
#фронтенд #css
Веб-компоненты и открытые стандарты
Веб-компоненты используются для сокращения времени и упрощения разработки за счёт создания элементов, которые можно использовать повторно в различных проектах.
Для создания веб-компонентов используются несколько подходов:
— пользовательские элементы;
— Shadow DOM;
— Шаблоны HTML.
Каждый из них решает определённую задачу. Подробнее о создании и использовании веб-компонентов читайте в статье:
https://tprg.ru/VFet
Веб-компоненты используются для сокращения времени и упрощения разработки за счёт создания элементов, которые можно использовать повторно в различных проектах.
Для создания веб-компонентов используются несколько подходов:
— пользовательские элементы;
— Shadow DOM;
— Шаблоны HTML.
Каждый из них решает определённую задачу. Подробнее о создании и использовании веб-компонентов читайте в статье:
https://tprg.ru/VFet
Хранение данных в Docker
Суть контейнера
Автор этой статьи рассказывает, как работает каждый вид хранения, их различия и какой из способов лучше подходит в определённой ситуации:
https://tprg.ru/2Vmb
#docker
Суть контейнера
Docker в том, что мы можем в любой момент уничтожить его и создать новый. При этом всё, что было в нём также уничтожится. Но что делать, если есть данные, которые должны сохраняться после уничтожения контейнера? Для этого существуют несколько инструментов — тома хранения данных, монтирование каталогов с хоста, именованные каналы и монтирование tmpfs.Автор этой статьи рассказывает, как работает каждый вид хранения, их различия и какой из способов лучше подходит в определённой ситуации:
https://tprg.ru/2Vmb
#docker
Учимся пользоваться Svelte
Svelte очень быстро набирает популярность благодаря своему удобству и возможностям, которые он предоставляет вашему проекту без нанесения вреда производительности.
Автор этой серии статей знакомит всех желающих со Svelte и просто и понятно рассказывает, как работают различные функции этого фреймворка:
Часть 1 — https://tprg.ru/HdV7
Часть 2 — https://tprg.ru/s7xu
Часть 3 — https://tprg.ru/wk7q
#фронтенд #svelte
Svelte очень быстро набирает популярность благодаря своему удобству и возможностям, которые он предоставляет вашему проекту без нанесения вреда производительности.
Автор этой серии статей знакомит всех желающих со Svelte и просто и понятно рассказывает, как работают различные функции этого фреймворка:
Часть 1 — https://tprg.ru/HdV7
Часть 2 — https://tprg.ru/s7xu
Часть 3 — https://tprg.ru/wk7q
#фронтенд #svelte
Что не так с WebAssembly?
WebAssembly нацелен на то, чтобы решать сложные задачи в браузере, используя различные высокоуровневые языки программирования, такие как C, C++, Rust и другие. Способность WASM (сокращение от WebAssembly) обрабатывать низкоуровневый код, а также компилировать языки отличные от JavaScript теоретически способна похоронить привычную веб-разработку и даже убрать потребность в JS.
Но почему тогда WASM ещё не захватил все проекты веб-разработки? В этой статье попробовали разобраться в этом вопросе:
https://tprg.ru/ok0O
#wasm
WebAssembly нацелен на то, чтобы решать сложные задачи в браузере, используя различные высокоуровневые языки программирования, такие как C, C++, Rust и другие. Способность WASM (сокращение от WebAssembly) обрабатывать низкоуровневый код, а также компилировать языки отличные от JavaScript теоретически способна похоронить привычную веб-разработку и даже убрать потребность в JS.
Но почему тогда WASM ещё не захватил все проекты веб-разработки? В этой статье попробовали разобраться в этом вопросе:
https://tprg.ru/ok0O
#wasm
Дайджест событий на февраль
Пришёл февраль и с ним пришли новые ивенты!
В этой подборке мы собрали наиболее интересные на наш взгляд события, чтобы вы ничего не пропустили:
https://tprg.ru/TD5u
Пришёл февраль и с ним пришли новые ивенты!
В этой подборке мы собрали наиболее интересные на наш взгляд события, чтобы вы ничего не пропустили:
https://tprg.ru/TD5u
Прогрессивные веб-приложения в 2021 году
Mozilla отказывается от прогрессивных веб-приложений, а Apple старается лишний раз не вспоминать о них. При этом появляются новые решения, позволяющие быстро создавать такие приложения, и многие компании их используют. Так какие перспективы у PWA в этом году?
В этой статье автор постарался разобраться в этом вопросе, изучив его с различных сторон:
https://tprg.ru/jSpm
#pwa
Mozilla отказывается от прогрессивных веб-приложений, а Apple старается лишний раз не вспоминать о них. При этом появляются новые решения, позволяющие быстро создавать такие приложения, и многие компании их используют. Так какие перспективы у PWA в этом году?
В этой статье автор постарался разобраться в этом вопросе, изучив его с различных сторон:
https://tprg.ru/jSpm
#pwa
Что нужно знать React-разработчику в 2021 году
React на сегодняшний день является одним из самых популярных инструментов при создания сайта, поэтому и конкуренция за позицию React-разработчика соответствующая.
Рассказываем в этой статье какие знания и навыки требуются, чтобы оставаться востребованным специалистом:
https://tprg.ru/UQOi
#фронтенд #react
React на сегодняшний день является одним из самых популярных инструментов при создания сайта, поэтому и конкуренция за позицию React-разработчика соответствующая.
Рассказываем в этой статье какие знания и навыки требуются, чтобы оставаться востребованным специалистом:
https://tprg.ru/UQOi
#фронтенд #react
Всё ли может async/await, или когда использовать Promise
Для создания асинхронных операция в JavaScript существует два основных подхода — использование async/await или применение Promise. У каждого из них есть свои плюсы и минусы.
В этой статье мы постарались разобраться, когда лучше использовать каждый из подходов и чем чреват неверный выбор:
https://tprg.ru/GUbS
#javascript
Для создания асинхронных операция в JavaScript существует два основных подхода — использование async/await или применение Promise. У каждого из них есть свои плюсы и минусы.
В этой статье мы постарались разобраться, когда лучше использовать каждый из подходов и чем чреват неверный выбор:
https://tprg.ru/GUbS
#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
NES.CSS Framework
Сегодня мы хотим познакомить вас с интересным CSS-фреймворком, который позволит вам создать сайт в 8-битном стиле. Все основные элементы уже проработаны и стилизованы — кнопки, инпуты, чекбоксы и так далее.
Познакомиться с фреймворком подробнее или скачать можно на сайте проекта:
https://tprg.ru/OX6D
#css
Сегодня мы хотим познакомить вас с интересным CSS-фреймворком, который позволит вам создать сайт в 8-битном стиле. Все основные элементы уже проработаны и стилизованы — кнопки, инпуты, чекбоксы и так далее.
Познакомиться с фреймворком подробнее или скачать можно на сайте проекта:
https://tprg.ru/OX6D
#css
Докеризируем среду разработки в VS Code
В этой статье рассматривается способ использования контейнеров Docker в качестве полноценной среды разработки с помощью расширения Remote - Containers. Благодаря ему можно создать необходимое количество контейнеров, а затем:
— использовать их для запуска библиотек, необходимых для работы с кодом в разных конфигурациях;
— быстро переключаться между изолированными средами разработки;
— пробовать новые технологии, не влияя на локальные настройки и не только.
Подробнее о том, как настроить расширение и что оно позволяет делать:
https://tprg.ru/cPNK
#docker #vscode
В этой статье рассматривается способ использования контейнеров Docker в качестве полноценной среды разработки с помощью расширения Remote - Containers. Благодаря ему можно создать необходимое количество контейнеров, а затем:
— использовать их для запуска библиотек, необходимых для работы с кодом в разных конфигурациях;
— быстро переключаться между изолированными средами разработки;
— пробовать новые технологии, не влияя на локальные настройки и не только.
Подробнее о том, как настроить расширение и что оно позволяет делать:
https://tprg.ru/cPNK
#docker #vscode
This media is not supported in your browser
VIEW IN TELEGRAM
Новые возможности отладки при работке с Flexbox
Не так давно в браузерах Google и Microsoft появились новые инструменты, позволяющие значительно упростить и улучшить визуально работу с флексами в DevTools.
Автор этой статьи принимал участие при разработке этих инструментов и теперь делится тем, как их включить и использовать в Chrome и Edge:
https://tprg.ru/QGaF
#фронтенд #css
Не так давно в браузерах Google и Microsoft появились новые инструменты, позволяющие значительно упростить и улучшить визуально работу с флексами в DevTools.
Автор этой статьи принимал участие при разработке этих инструментов и теперь делится тем, как их включить и использовать в Chrome и Edge:
https://tprg.ru/QGaF
#фронтенд #css
Управление состоянием: Jotai вместо Redux
Несмотря на то, что
Подробнее о том, как работает
https://tprg.ru/WOCe
#react #redux
Несмотря на то, что
Redux является мощной и популярной библиотекой для управления состоянием приложения на JS, Jotai позволяет упростить и улучшить решение этой задачи, задействуя хуки при использовании React. А благодаря минималистичному API, Jotai избавляет от необходимости писать объёмный код для обработки потока данных, как в случае с Redux.Подробнее о том, как работает
Jotai, рассказывают в этой статье:https://tprg.ru/WOCe
#react #redux