Веб-страница
22.1K subscribers
2.18K photos
561 videos
2 files
4.46K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Главное не лезть в недра бэка, пока работает
​Как стать разработчиком Full Stack

Full Stack разработчик — это и швец, и жнец, и на дуде игрец. Он отвечает как за фронтенд, так и за бэкенд, а также может отвечать за DevOps и БД. То есть это человек, который может в одиночку создать качественный и сложный сайт.

Подробнее о том, чем занимается Full Stack разработчик и какие знания ему необходимы — читайте в нашей статье:

https://tprg.ru/CDKi
​Как менялся веб

Краткий экскурс в историю развития веба от первого сайта до наших дней, рассказанный нашим подписчиком:

https://tprg.ru/9aIy
​Материалы из Telegram-канала Точка входа в программирование помогут эффективно обучаться основам программирования, даже если в университете попался плохой преподаватель.

Присоединяйтесь: @prog_point
​15 полезных однострочных выражений JavaScript

Зачем придумывать велосипед, когда всё уже давно придумано?
В этой статье автор делится однострочными выражениями JavaScript, которые помогают ему быстрее решать различные задачи:

https://tprg.ru/4ysm

#javascript
😁1
И нет никаких указателей, точнее, комментариев...
This media is not supported in your browser
VIEW IN TELEGRAM
Создание адаптивного бокового меню

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

https://tprg.ru/AYqO

#фронтенд
Глубокое погружение в модули JavaScript

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

Подробнее о модулях и модульных системах в этой статье:
https://tprg.ru/FdRe

#javascript
​Пишем мессенджер на Vue в облаке Amazon

WhatsApp, Telegram, Viber — всё так избито и банально... Пора создать свой собственный мессенджер, который будет соответствовать вашим собственным предпочтениям!

В этом руководстве как раз расскажут, как это сделать начиная от фронтенда и аутентификации, заканчивая бэкендом:

https://tprg.ru/8Dog

#vue #aws
😁1
​8 интересных инструментов JavaScript и CSS

В этой статье представлены различные инструменты, которые способны заменить уже устоявшиеся библиотеки и фреймворки. Здесь вы найдёте: Deno.js, Bulma CSS, Gatsby JS и не только.

Подробнее тут:

https://tprg.ru/sXRS

#javascript #css
😁1
Не бойтесь привЕдений
​Веб-разработчик рассказал, как уменьшить вес файла шрифта вплоть до 90%

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

В этой статье мы расскажем вам, как можно очень просто уменьшить размер шрифта:

https://tprg.ru/ys4Y

#фронтенд #html
Ну что же, несмотря на длину, рабочая неделя подходит к концу, а у кого-то уже завершилась.

Расскажите как прошли ваши будни? Успели всё, что планировали? Будете отдыхать или придумали для себя пет-проект? Давайте пообщаемся в комментариях!

#чат
​DevOps, или Как освободить многих разработчиков в один клик

Если вы не до конца понимаете какую роль играет DevOps в веб-разработке, то рекомендуем к прочтению эту статью.

Тут вам расскажут что такое DevOps, зачем он нужен и какие возможности даёт на примере условного сайта. Подробности в статье:

https://tprg.ru/qEBa

#devops
​​Интерактивный гайд по CSS-свойству Transition

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

https://tprg.ru/SQsL

#фронтенд #css
​5 вопросов с собеседования на позицию Junior бэкенд-разработчика на PHP

PHP не самый простой для изучения язык, но если вы всё-таки выбрали для себя именно его, то эти несколько вопросов могут помочь вам при прохождении собеседования:

https://tprg.ru/zOd6

#бэкенд #php
Полезные советы и горячие клавиши DevTools

DevTools — важный инструмент в арсенале веб-разработчика. В этой статье рассказывают интересные особенности работы и полезные хитрости DevTools в браузерах Chrome, Firefox, Edge и Safari, среди которых:

— отладка медиа-запросов;
— рекурсивное расширение узлов;
— фильтрация стилей по свойству и многое другое.

Подробнее тут:
https://tprg.ru/mSLb
​Программное создание изображений с помощью CSS Painting API

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

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

https://tprg.ru/QBhg

#фронтенд #css