Web Stack – Telegram
Web Stack
4.45K subscribers
804 photos
5 videos
1.77K links
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

Админ: @jem_jem
Реклама: http://bit.ly/2wZeIPj

👉 Дайджест мобильной разработки @mobile_dvlp
Download Telegram
🤔Как избежать сдвигов в макете <img>: соотношение сторон и атрибуты ширины и высоты

В статье разберётесь с aspect-ratio и width & heigh атрибутами.

https://jakearchibald.com/2022/img-aspect-ratio/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2
😛Различные способы получить градиентную тень в CSS

В статье автор ответит на довольно интересный вопрос: можно ли создавать тени из градиентов вместо сплошных цветов?

https://css-tricks.com/different-ways-to-get-css-gradient-shadows/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
👌Как создать веб-приложение в Rust с Rocket и Diesel

Rocket и Diesel предоставляют мощный и эффективный набор инструментов для создания веб-приложений в Rust. В статье вы рассмотрите, как с помощью этих фрэмворков создать веб-приложение.

https://blog.logrocket.com/create-web-app-rust-rocket-diesel/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥51
🤩12 важнейших сайтов для освоения CSS в 2023 году

В статье собраны 12 наиболее актуальных сайтов, которые помогут вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.

https://habr.com/ru/company/ruvds/blog/719892/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
👌​​Пишем API автотесты на TypeScript + Playwright

В данной статье узнаете, как писать API автотесты на языке TypeScript + Playwright.

https://habr.com/ru/post/718814/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2
😘Что должен уметь Frontend разработчик в 2023 году (+Roadmap)

В этой статье автор подготовил для вас дорожную карту для развития себя, как разработчика интерфейсов.

https://tproger.ru/articles/chto-dolzhen-umet-frontend-razrabotchik-v-2023-godu-roadmap/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
🔥Как разработать канбан-доску на Django, DRF и Alpine.js

В статье рассказывают, как разработать собственную канбан-доску и развернуть ее на облачном сервере. Подробности под катом👌

https://habr.com/ru/company/selectel/blog/721022/
🔥3👍1
😎Советы по созданию хорошего дизайна API

В этой статье вы найдете несколько рекомендаций которые вы сможете применить на практике в работе

https://nuancesprog.ru/p/16896/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍3❤‍🔥1
Хелперы в Handlebars

В статье узнаете, что такое хелперы и как их можно применять на практике.

https://metanit.com/web/nodejs/4.9.php
👍4
👍Реализация Redux на Rust

Реализуете Redux на Rust, производительном и безопасном статически типизированном языке системного программирования.

https://nuancesprog.ru/p/16952/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3🎉1
​​Маршруты и контроллеры для Node.Js 

В этом уроке вы настроите маршруты (код обработки URL) с "фиктивными" функциями-обработчиками для всех конечных точек ресурса.

https://developer.mozilla.org/ru/docs/Learn/Server-side/Express_Nodejs/routes
🔥4❤‍🔥1
😊Лучшие практики для Java-приложений в Kubernetes

В этой статье вы прочитаете о лучших практиках запуска Java-приложений в Kubernetes. Большинство из этих рекомендаций будут справедливы и для других языков.

https://habr.com/ru/post/720402/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1
🔥Бесплатный мультиязычный чат для сайта на Tawk + Notion + Telegram + chatGPT + GPT-Index

Создадите онлайн-чат для сайта со следующими возможностями:

• Общение с посетителями на любых языках, запрос варита ответа на запрос посетителя у chatGPT, обученного на базе знаний компании.

https://habr.com/ru/post/722388/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1
React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик». Курс длится всего 3 месяца, но за это время мы научим вас:

• уверенно разбираться в библиотеке React;
• использовать TypeScript при разработке React-приложений;
• тестировать веб-приложения с помощью юнит-тестов и cypress.

Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. 

Записаться на курс можно здесь
👍2💩21
Создание «Google Sheets» через Websockets на Node.js

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

https://habr.com/ru/post/718780/
👍2
🔥5 проектов Go: управление безопасностью и контейнерами, создание бэкендов

Сегодня узнаете о 5 интересных проектах на Golang, популярном языке программирования высокопроизводительных приложений.

https://nuancesprog.ru/p/17037/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31❤‍🔥1
🔥Использование Helmet в Node.js для защиты приложения

Здесь вы узнаете, что такое Helmet, зачем он нужен и как интегрировать его в Node.js для защиты HTTP-заголовков в приложении Express.js.

https://blog.logrocket.com/using-helmet-node-js-secure-application/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
💪Написание интерактивных историй компонентов с помощью Histoire в Vue 3 и TypeScript

Вы рассмотрите, как создавать интерактивную документацию компонентов пользовательского интерфейса для проектов Vue 3.

https://blog.logrocket.com/writing-interactive-component-stories-histoire-vue-3-typenoscript/
❤‍🔥31👍1
🐸Директивы в Vue

В этой статье автор рассмотрит встроенные директивы vue.js и покажет вам, как создавать собственные директивы.

https://blog.openreplay.com/directives-in-vue/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3🎉1
👍Создание более плавных переходов CSS с помощью Animate CSS Grid

В этой статье вам покажут, как использовать пакет Animate CSS Grid для анимации всех свойств сетки.

https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
🚀Настройка CodeGPT в Visual Studio

В этой статье вы узнаете, как настроить и использовать CodeGPT в широко используемом редакторе кода Visual Studio Code.

https://blog.openreplay.com/set-up-codegpt-in-visual-studio-code/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤‍🔥2