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

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Функциональное программирование с примерами на JavaScript

Статья в двух частях:

В первой части — основы ФП, каррирование, чистые функции, fantasy-land, функторы, монады, Maybe-монады и Either-монады: https://tproger.ru/translations/functional-js-1/

Во второй — аппликативные функторы, curryN и Validation Applicative: https://tproger.ru/translations/functional-js-2/

Также смотрите — русскоязычный видеокурс по ФП от Computer Science Center: https://tproger.ru/video/func-programming/?autoplay=1

#javascript
В этой статье читайте, как разработать браузерную HTML5-игру с помощью языка TypeScript и фреймворка Phaser: https://tprg.ru/8KG0

#фронтенд #typescript #html
Как не запутаться с цветами в CSS-коде, как нормально выравнивать текст, как грамотно реализовать анимацию — эти и несколько других советов в небольшой статье: https://tprg.ru/UdV5

Читайте также — 5 принципов, которые помогут написать поддерживаемый, масштабируемый и чистый CSS

#фронтенд #css
Несколько советов по эффективному использованию PostgreSQL

https://tprg.ru/ekDJ

— быстрое копирование файлов в БД;
— представление данных в удобочитаемом виде;
— извлечение максимальной пользы от работы с массивами и JSON;
— анализ данных;
— работа с геометрическими данными;
— использование рекурсивных запросов.

Смотрите также — видеолекции по администрированию PostgreSQL

#бэкенд #базыданных #postgresql
Наш подписчик сделал удобную страничку, где собрал по категориям полезные инструменты и ресурсы для веб-разработки.

Зацените: https://tools.lullis.ru/

#инструменты
Инструмент, с помощью которого можно развернуть сервер с фейковым REST API: https://github.com/typicode/json-server

А можно ничего не разворачивать и использовать уже готовый на его основе вариант: https://github.com/typicode/jsonplaceholder

#бэкенд #инструменты #api
Всё, что нужно знать про CSS

Огромная статья по CSS, которая заменит скучное чтиво большого списка CSS-свойств. Статья НЕ подойдёт тем, кто считает себя профи в CSS, и тем, кто практически с ним не знаком.

А вот для тех, кто уже делал что-то простенькое — самое то: https://www.taniarascia.com/overview-of-css-concepts/

#фронтенд #css
Блог, автор которого рассказывает про шаблонный подход к разработке веб-интерфейсов:
https://inclusive-components.design

Каждый пост в нём рассказывает про какой-то один компонент и предлагает лучший вариант реализации.

#фронтенд
​​Что делать, когда не получается развернуть приложение с помощью Kubernetes?

1. Не отчаиваться.
2. Изучить подробную блок-схему со всеми возможными вариантами действий и полезными командами.

Статья об этом + ссылка на схему в формате PDF: https://learnk8s.io/troubleshooting-deployments

#devops #kubernetes
Большая подборка курсов с Udemy

В этой подборке вы найдёте практически любую технологию веб-разработки:

https://github.com/andrews1022/web-development-2020-course-list

Но помните, что вам не обязательно изучать всё, что там есть. Это варианты того, что можно изучить в принципе, а вам остаётся выбрать своё направление и начать обучение.
65 популярных вопросов (и ответов на них) по Node.js

https://tprg.ru/weoI

Не все их них относятся непосредственно к разработке (например, вопросы о том, кто и когда создал Node.js), но большинство затрагивают именно вопросы написания кода.

#бэкенд #nodejs
​​Rambler Group заявила о нарушении её прав на код nginx

В офисе разработчиков веб-сервера проходят обыски, а сами создатели ngnix Игорь Сысоев и Максим Коновалов, возможно, уже задержаны.

По ситуации на ноябрь 2019 года, nginx обслуживает почти 26% самых нагруженных сайтов.

Источник: vc.ru
Vue.js + TDD

Статья в 5 частях, в которой автор пошагово разбирает написание приложения на Vue.js, используя TDD подход.

Приложение будет обращаться к Github API, искать пользователя и отображать информацию о нём.

Часть 1: https://tprg.ru/WpjU
Часть 2: https://tprg.ru/1dWn
Часть 3: https://tprg.ru/H4e0
Часть 4: https://tprg.ru/wdtL
Часть 5: https://tprg.ru/2bj5

Просто код: https://github.com/kuroski/article-tdd-vue

#фронтенд #vuejs
This media is not supported in your browser
VIEW IN TELEGRAM
Компиляция нескольких статей, в которой собраны проекты для обучения фронтенду: https://tprg.ru/qYHv

Конечно, писать прям все эти проекты не нужно, а то пока вы это сделаете, уже можно будет на пенсию уходить.

#фронтенд
Огромная статья, автор которой рассказывает про внутреннее устройство современных веб-браузеров: https://tprg.ru/cIHw

Сохраняйте в закладки, потому что за один подход вряд ли осилите всю статью.

* на картинке в посте рассмотрено поверхностное устройство браузера веб-разработчика.

#браузеры
Предлагаем вам прокачать свои CSS-навыки на площадке CSSBattle. 

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

Попробуйте: https://tprg.ru/Rhcu

#фронтенд #css
This media is not supported in your browser
VIEW IN TELEGRAM
Новый год совсем близко, а это значит, что пора украшать не только свои дома, но и свои сайты.

Например, можно сделать вот такую новогоднюю ёлку из тогл-кнопок. Эта и ещё 9 идей — в предновогодней подборке: https://tprg.ru/HdX2

#фронтенд
В нашем боте появилась крутая новая функция — подписка на новости.

Каждый будний вечер бот присылает подборку новостей, которую с любовью составляет наш редактор.

Подписывайтесь: @tproger_official_bot
PathAuditor

Инструмент от Google, с помощью которого можно обнаружить уязвимости, связанные с доступом к файлам: https://tprg.ru/ZNki

#google #инструменты #безопасность