Веб-страница
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
EasyDB — сервис для создания базы данных в один клик: https://easydb.io/

Подойдёт для небольших проектов или, например, хакатонов. НЕ подойдёт для высоконагруженных проектов с большим количеством обращений к БД.

Поддерживаются клиенты на JavaScript, Python, Ruby и Shell.

#бэкенд #базыданных
Самое интересное с Chrome Web Dev Summit 2019

https://tprg.ru/LlE0

В середине ноября прошла конференция по вебу от разработчиков Chrome. Что там рассказали:
— переработанные элементы <form> и новые HTML-элементы;
— новые функции и селекторы CSS;
— сближение натива и веба;
— концепция «адаптивной загрузки».

Видосы с конференции на YouTube: https://tprg.ru/P8xm

#chrome #html #css
Очередная часть перевода курса курса The Odin Project от нашего подписчика

https://github.com/vectree/nodejs

На этот раз про Node.js. В рамках этой части рассматриваются Express, Passport.js, работа с API, тестирование.

Читайте также: в том же формате про фронтенд

#бэкенд #nodejs
Слайдер сравнения изображений ДО и ПОСЛЕ

В этом видео наш подписчик рассказывает, как создать слайдер сравнения изображений «до» и «после»: https://youtu.be/H-RQRANL8y0

Изображения можно будет сравнивать с помощью передвижения ползунка и стрелок на клавиатуре. В ходе урока будут использоваться HTML, CSS и JQuery.

#фронтенд #html #css #jquery
Функциональное программирование с примерами на 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

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

#фронтенд