​Использование однофайлового компонента Vue 3 без компиляции

Небольшая статья, рассказывающая о том, как использовать однофайловые компоненты в Vue 3 без компиляции. Ничего сложного, но крайне полезно знать.

https://tprg.ru/NLpT

#фронтенд #vue

​Как создать простой сокращатель URL-адресов с помощью Node.js и MongoDB

В этом уроке вы узнаете, как создать простой сокращатель URL-адресов с нуля. В этом руководстве предполагается, что у вас уже есть базовые знания JavaScript, Node.js и MongoDB.

https://tprg.ru/cO9y

​Файловая маршрутизация с React Router

В традиционной настройке маршрутизации React на стороне клиента с помощью маршрутизатора React вы объявляете свои маршруты в <Switch/> компоненте, добавляя <Route/> компонент для каждой страницы, указывая путь и соответствующий компонент, который будет отображаться как страница. Этот вариант отлично работает, но ему не хватает универсального соглашения.

Файловая маршрутизация решает эту проблему, а также помогает при наличии сложной маршрутизации. Подробнее:

https://tprg.ru/ybgc

#react

В этот раз точно повезёт 🌚

​Сможете справиться с типичными ситуациями из жизни тестировщика?

С Quadcode составили тест — пройдите его и проверьте, насколько вы круты: https://tprg.ru/EI9S

Это #партнёрский пост

​Как скрыть/показать липкий заголовок при прокрутке с помощью JavaScript

Вы наверняка видели механику, когда при прокрутке сайта хедер с логотипом и меню прячется, а при обратной прокрутке появляется вновь. Хотите научиться делать также?

В этой статье вы найдёте подробную инструкцию по реализации такой фичи:

https://tprg.ru/kIOJ

#javascript

Интересная реализация формы для входа с эффектом 3D

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

https://tprg.ru/q1a3

#codepen

​Как собирается облачный сервер?

Вместе с Selectel заглянули в процессы, скрытые от глаз пользователя, и рассказали о них простыми словами.

Забегайте почитать: https://tprg.ru/L6JF

Это #партнёрский пост

​Если вы дата-инженер уровня middle+, то Ozon приглашает вас на Data New Year

Вы сможете:

— познакомиться с тимлидами и Q&A;
— самостоятельно выбрать команду для прохождения собеседования;
— получить оффер от Ozon в тот же день.

Оставить заявку можно до 17 декабря на сайте: https://goo.su/CLo

Кстати, руководитель направления хранения и обработки данных Ozon Tech подготовил для вас видео. Он расскажет, что такое бизнес разведка, а также как его команда превращает информацию в значимые данные.

Это #партнерскйи пост

Internetsiz yasholmaydiganlarga yuboramiz 😂

@procodeuz

​Исследователи обнаружили зловредные пакеты NPM, которые воруют токены Discord

Всего было обнаружено 17 вредоносных пакетов, которые намеренно стремятся атаковать и украсть токены Discord пользователя. Захват такого токена даёт полный доступ и контроль над учёткой пользователя.

Подробнее о выявленных вредоносах и их опасности можно прочитать тут:

https://tprg.ru/KOjU

#новость #npm

Проверьте свои знания React в бесплатном тесте

По результатам теста вы узнаете не только насколько хорошо вы знакомы с React, но и готовы ли вы к обучению на курсе React JS от OTUS.

Для всех, кто сможет пройти тест OTUS предоставит специальную цену на курс, а также видеокурс по Git в подарок.

Пройти можно тут: https://otus.pw/0Kzo/

Это #партнёрский пост

​Простое объяснение перегрузки функций в TypeScript

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

Как она работает, читайте здесь:

https://tprg.ru/HNWo

#typescript

#BuMuhim

Buni maksimal darajada tarqatishga ko'maklashing, zero bu og'riqli mavzu ekanini metro hamda avtobusda yuruvchilar bilishadi.

Ovoz berish uchun avval ro'yxatdan o'tasiz. Shu tugma bosilsa, pasroqda "kirish " chiqadi, shundan so'ng, kerakli ma'lumotlarni kiritib ovoz bera olasiz.

Sayitga kirish quyidagi link: https://yoshlarforumi.uz/uz/idea/item/04214564

Kanal: @AbdulazizMalikoff

​Как написать одностраничное приложение на Laravel и Vue.js за 45 минут

В этой статье вам предлагается написать простое одностраничное приложение меньше, чем за час. Для этого вы будете использовать веб-фреймворк Laravel для PHP, который по умолчанию включает в себя популярный фронтенд-фреймворк Vue.js.

Подробнее

https://tprg.ru/2s8E

#php #vue

У кого также? 🌚

​5 лучших IoT-библиотек для JavaScript-разработчиков

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

Подробнее:

https://tprg.ru/I6x9

#javascript

​Архитектура Node.js и лучшие практики разработки на Node.js

Nodejs — одна из самых популярных платформ веб-разработки в последнее время. В этой статье вы познакомитесь с основами архитектуры Nodejs и узнаете некоторые передовые практиками создания проекта на Nodejs.

Подробнее:

https://tprg.ru/4jAg

#nodejs

Web Developer Roadmap 2021 | A Guide To Starting A Career In Web Development!

https://www.youtube.com/watch?v=7k7ETzqOxn8&ab_channel=codeSTACKr

@procodeuz

​Генерация текста с помощью цепей Маркова

Если не вдаваться в математические тонкости, то цепь Маркова — это последовательность событий, в которой наступление каждого события зависит только от предыдущего и не зависит от остальных событий.

В этой статье автор попробовал на основе цепей Маркова реализовать не только генератор текста, но и генератор кода:

https://tprg.ru/xcZ4

#javascript

​Убираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объем кода

HTMX — инструмент для создания сложных и интерактивных веб-приложений на HTML, альтернатива клиентскому рендерингу на JavaScript.

Здесь вы узнаете, как библиотека помогает переиспользовать элементы на сервере, сократить объём кода на JavaScript и отказаться от сборки.

https://tprg.ru/MwFH

#фронтенд #htmx