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
Руководство по Lighthouse для начинающих
Lighthouse позволяет довольно легко анализировать производительность и качество веб-страницы. С помощью него вы можете улучшить различные аспекты вашего сайта, поэтому стоит как можно скорее изучить и начать использовать этот инструмент.
Эта статья поможет вам познакомиться с Lighthouse:
https://tprg.ru/f4Vh
Lighthouse позволяет довольно легко анализировать производительность и качество веб-страницы. С помощью него вы можете улучшить различные аспекты вашего сайта, поэтому стоит как можно скорее изучить и начать использовать этот инструмент.
Эта статья поможет вам познакомиться с Lighthouse:
https://tprg.ru/f4Vh
Как и зачем создавать собственный шаблонизатор для DOM
Шаблонизатор позволяет вам гораздо быстрее и эффективнее создавать вёрстку для вашего сайта, а также даёт возможность реактивно взаимодействовать с DOM.
Конечно, можно воспользоваться готовым решеним, но создать свой собственный шаблонизатор и интереснее, и полезнее для прокачки навыков.
Как это сделать, читайте в нашей статье:
https://tprg.ru/vLl0
#фронтенд #html #javascript
Шаблонизатор позволяет вам гораздо быстрее и эффективнее создавать вёрстку для вашего сайта, а также даёт возможность реактивно взаимодействовать с DOM.
Конечно, можно воспользоваться готовым решеним, но создать свой собственный шаблонизатор и интереснее, и полезнее для прокачки навыков.
Как это сделать, читайте в нашей статье:
https://tprg.ru/vLl0
#фронтенд #html #javascript
Как вам удобнее всего получать свежие IT-вакансии?
Некоторым удобно получать их в таких каналах как Типичный программист, а некоторым было бы лучше, если бы существовал отдельный канал только с вакансиями по конкретной теме.
Какой вариант самый удобный для вас?
Некоторым удобно получать их в таких каналах как Типичный программист, а некоторым было бы лучше, если бы существовал отдельный канал только с вакансиями по конкретной теме.
Какой вариант самый удобный для вас?