Веб-страница
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
​Альтернатива if/else и switch: литералы объектов в JavaScript

На if/else и switch мир клином не сошёлся. С помощью литералов объектов иногда можно сделать условия даже более понятными и простыми, чем используя стандартные приёмы.

В этой статье мы рассказали и показали, как это можно сделать:

https://tprg.ru/tnRZ

#javascript
​15 вопросов по SQL на технических собеседованиях

SQL применяется при разработке на самых разных языках программирования, поэтому вопросы по нему могут задать на самых разных собеседованиях.

В этой статье 15 вопросов, которые помогут проверить свои знания SQL:

https://tprg.ru/o31Y

#sql
Spring Boot: быстрое знакомство и старт на примере простого веб-приложения

Фреймворк Spring Boot позволяет создавать веб-приложения, используя Java. В этой статье вы узнаете, как создать простое веб-приложение, используя Spring Boot:

https://tprg.ru/JN2z

#spring
Иллюстрации работы CSS-свойств background

У нас на канале уже выходили такие красивые CSS-шпаргалки, но по CSS Flexbox и Grid layout. В этот раз автор наглядно и доходчиво объяснил, как работают background-свойства:

https://tprg.ru/A2l6

А если не хотите читать, то есть видеоверсия статьи:

https://tprg.ru/Wyzn

#фронтенд #css
Странно, что не на Воронеж
Хинт для программистов: кроме этого канала у Tproger есть ещё 4 канала, где можно получать отборную инфу по конкретной теме.

Каждый найдёт что-нибудь для себя:
— мобильная разработка: @mobi_dev
— геймдев: @make_game
— разработка на Python: @zen_of_python
— основы программирования: @prog_point
This media is not supported in your browser
VIEW IN TELEGRAM
Создание волшебной 3D-кнопки

Согласитесь, что красиво оформленные кнопки на сайте влияют на его общее восприятие?

В этой статье автор объясняет, как можно без особо труда и большого количества кода сделать красивую кнопки с 3D-эффектом:

https://tprg.ru/tEO4

#фронтенд
​Три утилиты, упрощающие работу с kubectl

Работая с Kubernetes, не обойтись без kubectl или её аналогов. В этой статье представлены три утилиты, которые так или иначе помогают упросить работу с kubectl.

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

https://tprg.ru/jfSP

#devops #kubernetes
​JavaScript Document object model (DOM) за час

Полезное видео для тех, кто только начинает разбираться в JavaScript и хочет понять, как всё-таки заставить его взаимодействовать с вёрсткой.

Здесь вы узнаете о браузерном окружении, как изменять HTML-код, стили CSS и многое другое:

https://tprg.ru/izXD

#видео #javascript
CSS Grid Inspector в Safari

В яблочном браузере Safari теперь есть CSS Grid Inspector, который помогает осуществлять отладку сайта при использовании CSS Grid Layout. Если вы осуществляете отладку вёрстки с помощью Safari, то этот инструмент вам будет полезен:

https://tprg.ru/a5dI
У fullstack-разработчиков высокий болевой порог
​Создание приложения React с нуля в 2021 году

Данное руководство позволит вам создать приложение React, чтобы понять, как работают уже существующие приложения и научиться создавать свои:

https://tprg.ru/KGOC

#react
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Липкие заголовки: 5 способов сделать их лучше

В этой статье вы узнаете, как сделать липкий заголовок сайта наиболее эффективными и удобными:

https://tprg.ru/CTcE

#css #фронтенд
​Tailwind CSS: использовать или не использовать

На самом деле использовать или не использовать какие-либо CSS фреймворки каждый решает для себя сам. Конечно, идеального инструмента не бывает и у Tailwind тоже есть свои достоинства и недостатки.

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

https://tprg.ru/cRf0

#tailwind #css
This media is not supported in your browser
VIEW IN TELEGRAM
Создание и решение судоку в CSS

Необычное применение CSS в качества языка для создания игры. С помощью CSS и препроцессора SASS автор создал версию игры судоку с размером игрового поля 4х4, которое не только проверяет правильность заполнения, но и может генерировать уровни.

Подробнее в статье:

https://tprg.ru/HsXg

#css
Назвался верстальщиком — полезай в редактор
Итак, простой вопрос и всего два варианта ответа. Сможете ответить правильно?!

Отвечайте на вопрос викторины ниже, но не пишите ответ в комментариях, чтобы не было подсказок.

#викторина
Что будет выведено в консоль при выполнении кода на изображении выше?
Anonymous Quiz
42%
{ firstName: "Joe" }
58%
{ firstName: "Pete" }
​Как работать с легаси кодом

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

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

https://tprg.ru/7vdy

#php
Media is too big
VIEW IN TELEGRAM
Space globe на Three.js

Красивый CodePen-проект, который показывает возможности Canvas. Здесь автор, используя библиотеку Three.js, создал трёхмерную анимацию движения частиц в космосе.

Осторожно, можно залипнуть:
https://tprg.ru/uHOR

#codepen