Веб-страница
24K subscribers
1.76K photos
535 videos
1 file
3.96K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Самый маленький офисный пакет, который можно запустить прямо в адресной строке

Имя ему — <html contenteditable>. Для примера, просто вставьте в строку браузера этот код и ваш простенький текстовый редактор готов к работе:

data:text/html,<body contenteditable style="line-height:1.5;font-size:20px;">

На видео можно посмотреть, как это работает, а в репозитории взять код для простой презентации, таблицы и небольшой рисовалки: https://tprg.ru/JFgm

#html
Программист создал «Сапёра» на миллион клеток

До сих пор самое большое поле игры состояло из 480 ячеек (16 на 30). А только мин в новой версии — аж 130 000. На сайте можно сыграть в игру и почитать о том, как сделать такую же на HTMLL, CSS и JS:

https://tprg.ru/nqd0

#css #html #javascript
Что может быть хуже?
This media is not supported in your browser
VIEW IN TELEGRAM
Интересное сочетание трекинга лица со шрифтами, да ещё и прямо в вебе

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

https://tprg.ru/VLKJ

#фронтенд #кек
Актуальная дорожная карта для веб-разработчика на 2020 год

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

Оригинал в высоком качестве есть на гитхабе: https://tprg.ru/zcoD

#фронтенд #бэкенд #devops
Когда дебажишь JS
В блоге WebKit вышла статья про использование Face ID и Touch ID для веба

В статье на простых примерах объясняют, как дать пользователю дополнительные способы аутентификации в экосистеме Apple: https://tprg.ru/wH9c

#фронтенд #apple
Разработчики Microsoft опубликовали серию из 51 обучающего видео про основы JavaScript

Видео короткие. Удобно для тех, кто хочет не нырять в обучение с головой и получать новые знания дозировано:

https://tprg.ru/FxV0

#javascript
Шпаргалка по Docker

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

Подробнее: https://tprg.ru/rWiv

#docker #devops
Когда тебя приняли на позицию Java-разработчика, хотя ты в резюме указывал, что ты JavaScript-разработчик
Гайд по настройке Webpack 5 на русском

В гайде вы найдёте инструкцию по базовой настройке и узнаете о работе с плагинами. Также есть примеры создания конфигураций для прода и разработки.

Узнайте, как использовать вебпак для сборки JavaScript, изображений, шрифтов и стилей, а также как запускать сервер для разработки:

https://tprg.ru/QAve

#webpack
Порядок выполнения скриптов в HTML и как работает тег <script>

Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег <script> в зависимости от атрибутов. Ловите шпаргалку и статью с подробным объяснением:

https://tprg.ru/hCQ6

#фронтенд #html #javascript
👎1
.входная_дверь { margin-top: 84in }