Frontend-разработка: полный гайд с HTML, JavaScript, TypeScript и React
Если вы хотите прокачаться во фронтенде и научиться строить проекты с нуля до продвинутых технологий, то это видео для вас.
Здесь показано всё: от создания UI с помощью HTML и CSS до добавления интерактивности на JavaScript.
Что особенно круто? В середине вас ждет рефакторинг проекта на TypeScript с объяснением, почему это важно и как это улучшит ваш код. А под конец видео — мощный переход от Vanilla JavaScript к React с настройкой и инициализацией TypeScript в React-приложении.
Сссылка на ролик: https://www.youtube.com/watch?v=MsnQ5uepIaE
Если вы хотите прокачаться во фронтенде и научиться строить проекты с нуля до продвинутых технологий, то это видео для вас.
Здесь показано всё: от создания UI с помощью HTML и CSS до добавления интерактивности на JavaScript.
Что особенно круто? В середине вас ждет рефакторинг проекта на TypeScript с объяснением, почему это важно и как это улучшит ваш код. А под конец видео — мощный переход от Vanilla JavaScript к React с настройкой и инициализацией TypeScript в React-приложении.
Сссылка на ролик: https://www.youtube.com/watch?v=MsnQ5uepIaE
Forwarded from Точка входа в программирование
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивная дорожная карта веб-разработки
Всё просто и понятно. В ней удобно сгруппированы все необходимые знания и навыки для веб-стека. К каждому элементу прикреплены ссылки на полезные ресурсы. Тем много, каждый найдёт интересное под себя: общая базовая теория, веб-компоненты, PWA, полезные инструменты, тестирование, UI/UX и многое другое.
Забрать это чудо тут
@prog_point #web
Всё просто и понятно. В ней удобно сгруппированы все необходимые знания и навыки для веб-стека. К каждому элементу прикреплены ссылки на полезные ресурсы. Тем много, каждый найдёт интересное под себя: общая базовая теория, веб-компоненты, PWA, полезные инструменты, тестирование, UI/UX и многое другое.
Забрать это чудо тут
@prog_point #web
Mozilla обвинили в скрытой слежке через Firefox
Совсем скоро мы станет свидетелями юридической битвы: австрийская правозащитная организация Noyb подала иск против Mozilla, утверждая, что функция Privacy Preserving Attribution ведёт к несанкционированному сбору данных.
Mozilla заявляет, что PPA повышает безопасность интернет-рекламы и сохраняет анонимность пользователей, однако Noyb считает, что функция нарушает закон и превращает браузер в инструмент для отслеживания эффективности рекламы.
В чем вообще весь сыр-бор и какие еще компании попадали под горячую руку Noyb раньше, можно узнать по ссылке.
#Mozilla #Privacy #GDPR #Firefox #Noyb
Совсем скоро мы станет свидетелями юридической битвы: австрийская правозащитная организация Noyb подала иск против Mozilla, утверждая, что функция Privacy Preserving Attribution ведёт к несанкционированному сбору данных.
Mozilla заявляет, что PPA повышает безопасность интернет-рекламы и сохраняет анонимность пользователей, однако Noyb считает, что функция нарушает закон и превращает браузер в инструмент для отслеживания эффективности рекламы.
В чем вообще весь сыр-бор и какие еще компании попадали под горячую руку Noyb раньше, можно узнать по ссылке.
#Mozilla #Privacy #GDPR #Firefox #Noyb
Вышла PostgreSQL 17!
Новая версия популярной базы данных приносит приятные улучшения: быстрее работа с данными, лучшая масштабируемость и оптимизированная производительность.
Теперь вакуум потребляет в 20 раз меньше ресурсов, а записи обрабатываются вдвое быстрее!
Есть также такие особенности, как улучшенная работа с JSON, упрощённая репликация и поддержка технологий SIMD и AVX-512.
Подробнее о релизе можно почитать в нашем свежем материале.
Новая версия популярной базы данных приносит приятные улучшения: быстрее работа с данными, лучшая масштабируемость и оптимизированная производительность.
Теперь вакуум потребляет в 20 раз меньше ресурсов, а записи обрабатываются вдвое быстрее!
Есть также такие особенности, как улучшенная работа с JSON, упрощённая репликация и поддержка технологий SIMD и AVX-512.
Подробнее о релизе можно почитать в нашем свежем материале.
This media is not supported in your browser
VIEW IN TELEGRAM
Old but gold: работа с анимацией на JavaScript с использованием requestAnimationFrame
Существует несколько известных способов работы с анимацией в JavaScript. Можно создать функцию с таймером, можно создать цикл. Но и там, и там сложно реализовать достаточную плавность.
Чтобы справиться с этой задачей лучше воспользоваться встроенным в HTML5 requestAnimationFrame API. Подробнее о нём и о том, как его использовать читайте здесь:
https://betterprogramming.pub/working-with-javascript-animations-using-requestanimationframe-f07e0658908e
#javascript
Существует несколько известных способов работы с анимацией в JavaScript. Можно создать функцию с таймером, можно создать цикл. Но и там, и там сложно реализовать достаточную плавность.
Чтобы справиться с этой задачей лучше воспользоваться встроенным в HTML5 requestAnimationFrame API. Подробнее о нём и о том, как его использовать читайте здесь:
https://betterprogramming.pub/working-with-javascript-animations-using-requestanimationframe-f07e0658908e
#javascript
DOOM портировали на... квантовый компьютер
Легендарный шутер продолжает покорять все новые платформы. На этот раз досталось кубитам и квантовым вентилям.
Что самое интересное, эту версию DOOM вполне можно запустить на обычном ПК, еще и при 10-20 fps.
Видео геймплея и подробности запуска можно узнать по ссылке.
#оффтоп
Легендарный шутер продолжает покорять все новые платформы. На этот раз досталось кубитам и квантовым вентилям.
Что самое интересное, эту версию DOOM вполне можно запустить на обычном ПК, еще и при 10-20 fps.
Видео геймплея и подробности запуска можно узнать по ссылке.
#оффтоп
Постоянно путаетесь в кодах HTTP-ответов?
Не удивительно — этих кодов много и помнить их всех трудно, да и не всегда необходимо.
Именно на случай такой забывчивости будет удобно держать под рукой эту короткую шпаргалку по статус кодам.
#шпаргалка #web
Не удивительно — этих кодов много и помнить их всех трудно, да и не всегда необходимо.
Именно на случай такой забывчивости будет удобно держать под рукой эту короткую шпаргалку по статус кодам.
#шпаргалка #web
Forwarded from Сохранёнки программиста
Инструмент для разработки и запуска REST API
Вот, почему он вам понравится: инструмент не требует удалённого развёртывания, регистрации, а сам проект open-source. Тут есть все необходимые фичи для удобного создания макетов REST API.
Ссылка на инструмент: Mockoon
#инструмент #backend #api
Вот, почему он вам понравится: инструмент не требует удалённого развёртывания, регистрации, а сам проект open-source. Тут есть все необходимые фичи для удобного создания макетов REST API.
Ссылка на инструмент: Mockoon
#инструмент #backend #api
Разбираемся в том, что такое gRPC и Protobuf
В этом коротком 8-минутном ролике достаточно наглядно и, главное, с юмором объяснены основы технологии удаленного вызова процедур.
Сейчас во многих компаниях, особенно вместе с Golang, используется именно gRPC, так что понимание его базовых принципов лишним явно не будет:
https://youtu.be/_EqVG-El5z0?si=uMhTDVRueVUmyr5h
В этом коротком 8-минутном ролике достаточно наглядно и, главное, с юмором объяснены основы технологии удаленного вызова процедур.
Сейчас во многих компаниях, особенно вместе с Golang, используется именно gRPC, так что понимание его базовых принципов лишним явно не будет:
https://youtu.be/_EqVG-El5z0?si=uMhTDVRueVUmyr5h
YouTube
Что такое gRPC и Protobuf?
Поменяй работу и стань Python разработчиком за 4 месяца 👉
https://wiki.merionet.ru/merion-academy/courses/kurs-po-python/?utm_source=YT&utm_medium=own&utm_campaign=grpc
Короче, gRPC это такая система, или фреймворк, который расшифровывается как "Remote Procedure…
https://wiki.merionet.ru/merion-academy/courses/kurs-po-python/?utm_source=YT&utm_medium=own&utm_campaign=grpc
Короче, gRPC это такая система, или фреймворк, который расшифровывается как "Remote Procedure…
Поиск по тексту? Поиск по фото? А может... поиск по видео?
Google решила обойти OpenAI на повороте и запустила в тестовом режиме Поиск на основе видео.
Работает просто — вы загружаете ролик, а Google начинает использовать его для поиска информации.
Подробности того, зачем это может быть нужно и кто уже сейчас может опробовать новую функцию, читайте в нашем свежем материале.
Google решила обойти OpenAI на повороте и запустила в тестовом режиме Поиск на основе видео.
Работает просто — вы загружаете ролик, а Google начинает использовать его для поиска информации.
Подробности того, зачем это может быть нужно и кто уже сейчас может опробовать новую функцию, читайте в нашем свежем материале.
This media is not supported in your browser
VIEW IN TELEGRAM
Мини-игра «Выровни картину»
Отличный пример pet-проекта. Взяв его за основу, вы сможете сделать собственную игру и поместить её в портфолио.
А ещё это хороший способ занять ребёнка на какое-то время, пока вы обдумываете, как пофиксить очередной баг.
Проект выполнен с помощью SVG, SCSS и библиотеки GSAP.js.
Посмотреть код можно по ссылке:
https://codepen.io/a-trost/pen/jOZXdoP
#codepen
Отличный пример pet-проекта. Взяв его за основу, вы сможете сделать собственную игру и поместить её в портфолио.
А ещё это хороший способ занять ребёнка на какое-то время, пока вы обдумываете, как пофиксить очередной баг.
Проект выполнен с помощью SVG, SCSS и библиотеки GSAP.js.
Посмотреть код можно по ссылке:
https://codepen.io/a-trost/pen/jOZXdoP
#codepen
Cloudflare переиграла и обанкротила патентных троллей
Ладно, про банкротство информация не точная, но!
1) Сайт компании-тролля не работает, офис пустует, а телефоны не отвечают.
2) Они еще и остались должны Cloudflare более $200 тыс.
Как так вышло и что это вообще были за бедолаги? Читайте в свежем материале.
Ладно, про банкротство информация не точная, но!
1) Сайт компании-тролля не работает, офис пустует, а телефоны не отвечают.
2) Они еще и остались должны Cloudflare более $200 тыс.
Как так вышло и что это вообще были за бедолаги? Читайте в свежем материале.
sqlmap — удобная защита от инъекций
Этот инструмент для тестирования на проникновение автоматизирует процесс обнаружения SQL-инъекций и захвата серверов баз данных.
Он поставляется с множеством нишевых функций. В том числе снятием отпечатков с БД, выполнением команд через внеполосные соединения и так далее.
Утилита бесплатная. Опробовать можно по ссылке.
Этот инструмент для тестирования на проникновение автоматизирует процесс обнаружения SQL-инъекций и захвата серверов баз данных.
Он поставляется с множеством нишевых функций. В том числе снятием отпечатков с БД, выполнением команд через внеполосные соединения и так далее.
Утилита бесплатная. Опробовать можно по ссылке.
This media is not supported in your browser
VIEW IN TELEGRAM
Old but gold: раскрывающийся при наведении список
Меню выбора присутствует практически на каждом сайте. Нашли для вас codepen-проект, в котором автор реализовал этот элемент интересным образом. Можете взять его за основу и добавить анимацию к себе на сайт.
Проект написан с помощью CSS и jQuery.
Посмотреть проект можно по ссылке:
https://codepen.io/maggiben/pen/BapEGv
#codepen
Меню выбора присутствует практически на каждом сайте. Нашли для вас codepen-проект, в котором автор реализовал этот элемент интересным образом. Можете взять его за основу и добавить анимацию к себе на сайт.
Проект написан с помощью CSS и jQuery.
Посмотреть проект можно по ссылке:
https://codepen.io/maggiben/pen/BapEGv
#codepen
«Самый большой React.js курс в интернете»
По крайней мере, так утверждает автор ролика.
Если же спуститься с небес на землю, то это как минимум полезный справочник, который к тому же охватывает многие основные аспекты технологии.
Ну и никто не отменял таймкоды — по ним очень быстро можно сориентироваться и попасть на кусок видео, который интересует вас здесь и сейчас.
https://www.youtube.com/watch?v=qnwFpjIqsrA
По крайней мере, так утверждает автор ролика.
Если же спуститься с небес на землю, то это как минимум полезный справочник, который к тому же охватывает многие основные аспекты технологии.
Ну и никто не отменял таймкоды — по ним очень быстро можно сориентироваться и попасть на кусок видео, который интересует вас здесь и сейчас.
https://www.youtube.com/watch?v=qnwFpjIqsrA
Никогда не были в Нижнем Новгороде и хотите узнать, насколько вы бэкендер по-нижегородски?
Или всегда тут живете и ответите на все вопросы с одного взгляда? Проходите тест: https://tprg.ru/XlWn
Это #партнёрский пост
Или всегда тут живете и ответите на все вопросы с одного взгляда? Проходите тест: https://tprg.ru/XlWn
Это #партнёрский пост
This media is not supported in your browser
VIEW IN TELEGRAM
Accordion Image Gallery
Стильный эффект расширения изображения при наведении на него.
Реализовано на чистых HTML и CSS, никакого JavaScript.
Исходный код: https://codepen.io/stefcharle/pen/Gydvbx
#codepen
Стильный эффект расширения изображения при наведении на него.
Реализовано на чистых HTML и CSS, никакого JavaScript.
Исходный код: https://codepen.io/stefcharle/pen/Gydvbx
#codepen