GitHub выпустила облачный Visual Studio Code, который работает в браузере
Называется он Codespaces и обладает всё теми же особенностями, что и обычный VS Code: редактор, терминал, расширения, GitHub Copilot и так далее. При этом работать в нём можно с любого устройства.
Подробнее рассказали в нашей статье:
https://tprg.ru/vXgz
Называется он Codespaces и обладает всё теми же особенностями, что и обычный VS Code: редактор, терминал, расширения, GitHub Copilot и так далее. При этом работать в нём можно с любого устройства.
Подробнее рассказали в нашей статье:
https://tprg.ru/vXgz
🔥2
14 советов по оптимизации кода JavaScript для фронтенд-разработчиков
В этой статье собраны советы и рекомендации по повышению производительности вашего JavaScript-кода и ускорению загрузки сайта:
https://tprg.ru/FSWn
#фронтенд #javascript
В этой статье собраны советы и рекомендации по повышению производительности вашего JavaScript-кода и ускорению загрузки сайта:
https://tprg.ru/FSWn
#фронтенд #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Отображение дополнительного содержимого при прокрутке
В этом проекте реализована интересная фича для сайта. На странице отображается только часть контента, а остальной появляется по мере прокручивания страницы.
Посмотрите, как это реализовано:
https://tprg.ru/6itF
#codepen
В этом проекте реализована интересная фича для сайта. На странице отображается только часть контента, а остальной появляется по мере прокручивания страницы.
Посмотрите, как это реализовано:
https://tprg.ru/6itF
#codepen
Svelte за 100 секунд
Посмотрев это видео, вы не станете специалистом по Svelte, но вы сможете познакомиться с основными особенностями и возможностями этого фреймворка.
Убедитесь сами:
https://tprg.ru/9C7W
#видео #svelte
Посмотрев это видео, вы не станете специалистом по Svelte, но вы сможете познакомиться с основными особенностями и возможностями этого фреймворка.
Убедитесь сами:
https://tprg.ru/9C7W
#видео #svelte
YouTube
Svelte in 100 Seconds
Svelte is a JS library for building reactive UI components. But unlike React, Angular, and Vue, it does not ship a runtime like Virtual DOM to the browser https://svelte.dev/
Also see...
Full Svelte Tutorial https://fireship.io/lessons/svelte-v3-overview…
Also see...
Full Svelte Tutorial https://fireship.io/lessons/svelte-v3-overview…
Появилась онлайн-игра для JavaScript-разработчиков
Если вам нравятся стратегии, онлайн-игры и JavaScript, то Yare.io вам точно придётся по душе.
Все действия в игре осуществляются с помощью написания JS-кода, а суть игры в том, чтобы разрушить базу противника, расширяя свою армию за счёт сбора энергии звёзд. Звучит интересно, не так ли?
Проявить свои навыки JS-программирования и стратегическое мышление можно тут:
https://tprg.ru/Ls3U
#javascript
Если вам нравятся стратегии, онлайн-игры и JavaScript, то Yare.io вам точно придётся по душе.
Все действия в игре осуществляются с помощью написания JS-кода, а суть игры в том, чтобы разрушить базу противника, расширяя свою армию за счёт сбора энергии звёзд. Звучит интересно, не так ли?
Проявить свои навыки JS-программирования и стратегическое мышление можно тут:
https://tprg.ru/Ls3U
#javascript
Игра «Охота на утку» на CSS
Помните эту легендарную игру на Dendy, где нужно было выстрелить из специального ружья в кинескопный телевизор? Сегодня такую игру может создать практически любой, даже не используя языки программирования.
Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами:
https://tprg.ru/eVuM
#codepen
Помните эту легендарную игру на Dendy, где нужно было выстрелить из специального ружья в кинескопный телевизор? Сегодня такую игру может создать практически любой, даже не используя языки программирования.
Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами:
https://tprg.ru/eVuM
#codepen
Как использовать push-уведомления в Angular
В этой статье предлагается реализовать push-уведомления с помощью Angular Service Worker. Особенность этого способа в том, что push-уведомления смогут приходить даже, если в браузере закрыта вкладка с вашим веб-сайтом.
Подробнее:
https://tprg.ru/WzeU
#angular
В этой статье предлагается реализовать push-уведомления с помощью Angular Service Worker. Особенность этого способа в том, что push-уведомления смогут приходить даже, если в браузере закрыта вкладка с вашим веб-сайтом.
Подробнее:
https://tprg.ru/WzeU
#angular
Интерактивный словарь HTML
Если только начинаете изучать вёрстку, то этот инструмент вам может оказать крайне полезным. Вам достаточно кликнуть на код и справа появится информация о выделенном участке, и наоборот.
Попробуйте:
https://tprg.ru/iRQZ
#html #фронтенд
Если только начинаете изучать вёрстку, то этот инструмент вам может оказать крайне полезным. Вам достаточно кликнуть на код и справа появится информация о выделенном участке, и наоборот.
Попробуйте:
https://tprg.ru/iRQZ
#html #фронтенд
Понимание IIFE в JavaScript на уровне профессионала
Немедленный вызов функции, или IIFE — это особая возможность JavaScript, которая позволяет запускать функцию как только она определена.
Как, где и зачем это использовать:
https://tprg.ru/yVGX
#javascript
Немедленный вызов функции, или IIFE — это особая возможность JavaScript, которая позволяет запускать функцию как только она определена.
Как, где и зачем это использовать:
https://tprg.ru/yVGX
#javascript
Полнофункциональное приложение с VueJs и Flask
В этом видео вы на примере создания библиотеки игр сможете научиться делать фуллстак-приложение, используя фреймворк Vue для фронтенда и библиотеку Flask для бэкенда:
https://tprg.ru/XExV
#фронтенд #бэкенд #vue #flask
В этом видео вы на примере создания библиотеки игр сможете научиться делать фуллстак-приложение, используя фреймворк Vue для фронтенда и библиотеку Flask для бэкенда:
https://tprg.ru/XExV
#фронтенд #бэкенд #vue #flask
YouTube
Full Stack Project with Vue.js and Flask (Games Library App)
This is a Full-Stack project to create a Games Library application using VueJs for the frontend UI and Flask for the backend server and Flask Rest API to connect to the frontend.
We are also using Axios to send requests and receive responses, as well as Bootstrap…
We are also using Axios to send requests and receive responses, as well as Bootstrap…
Добавление теней к значкам SVG с помощью фильтров CSS и SVG
Для добавления тени к SVG можно воспользоваться различными способами, например, CSS свойством
В этой статье подробно рассказано о всех способах и их особенностях:
https://tprg.ru/Co15
Для добавления тени к SVG можно воспользоваться различными способами, например, CSS свойством
filter() или использовать <filter> самого SVG.В этой статье подробно рассказано о всех способах и их особенностях:
https://tprg.ru/Co15
Чат: за сколько можно стать сениором в веб-разработке?
Стать джуниор-разработчиком относительно просто. Миддл-разработчиком тоже можно стать достаточно быстро, если приложить достаточно усилий — полгода-год и вы уже не просто джун, если вы достаточно хороши.
А вот сколько времени потребуется, чтобы стать сениором?
Не важно — фронтенд, бэкенд или фуллстак. Поделитесь своим мнением в комментариях.
#чат
Стать джуниор-разработчиком относительно просто. Миддл-разработчиком тоже можно стать достаточно быстро, если приложить достаточно усилий — полгода-год и вы уже не просто джун, если вы достаточно хороши.
А вот сколько времени потребуется, чтобы стать сениором?
Не важно — фронтенд, бэкенд или фуллстак. Поделитесь своим мнением в комментариях.
#чат
Как реализовать drag & drop используя RxJS
Конечно, реализовать drag & drop можно и с помощью ванильного JavaScript, но если вы хотите поближе познакомиться RxJS, то это неплохой способ.
В этой статье вы найдёте подробное руководство по этому методу:
https://tprg.ru/BJs4
#javascript
Конечно, реализовать drag & drop можно и с помощью ванильного JavaScript, но если вы хотите поближе познакомиться RxJS, то это неплохой способ.
В этой статье вы найдёте подробное руководство по этому методу:
https://tprg.ru/BJs4
#javascript
Git Explorer
Если вы пока что не чувствуете себя достаточно уверенно при работе с Git, забываете команды или путаетесь в них, то сервис Git Explorer вам поможет. Вам достаточно вбить задачу, которую необходимо решить, а сервис предложит вам необходимую команду.
Попробуйте:
https://tprg.ru/GLPW
#git
Если вы пока что не чувствуете себя достаточно уверенно при работе с Git, забываете команды или путаетесь в них, то сервис Git Explorer вам поможет. Вам достаточно вбить задачу, которую необходимо решить, а сервис предложит вам необходимую команду.
Попробуйте:
https://tprg.ru/GLPW
#git
Обфускация JavaScript-кода: способы и отличия от минимизации
Если вам необходимо защитить ваш JavaScript-код от чтения посторонними, то можно воспользоваться обфускацией. Этот процесс превращает написанный вами код в аналогичный, но значительно усложнённый с точки зрения чтения.
В этой статье рассказаны способы обфускации, примеры использования и отличия от минимизации:
https://tprg.ru/Yf8Z
Если вам необходимо защитить ваш JavaScript-код от чтения посторонними, то можно воспользоваться обфускацией. Этот процесс превращает написанный вами код в аналогичный, но значительно усложнённый с точки зрения чтения.
В этой статье рассказаны способы обфускации, примеры использования и отличия от минимизации:
https://tprg.ru/Yf8Z
Библиотека await-timeout для JS
С помощью этой небольшой библиотеки вы сможете очень легко создавать асинхронные таймауты на основе промисов, которыми можно управлять с помощью async/await.
Подробнее:
https://tprg.ru/ALqp
С помощью этой небольшой библиотеки вы сможете очень легко создавать асинхронные таймауты на основе промисов, которыми можно управлять с помощью async/await.
Подробнее:
https://tprg.ru/ALqp