26 советов по использованию Vue.js

https://tprg.ru/tDmA

Способы динамического добавления и удаления CSS-классов, синтаксис массивов и объектов, использование JS-выражений для вычисления CSS-классов и многое другое.

Смотрите также: гайд по созданию приложения для определению эмоций, пол и возраста человека на Vue.js

#фронтенд #vuejs

Чем канал IT Новости отличается от других каналов с новостями про технологии?

Там весёлая авторская подача и смешной мем для каждой новости.

Проверьте и подключайтесь: @tprogerlive

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

Что почитать по NGINX

Подборка самых актуальных книг по NGINX на русском и английском языках: https://tproger.ru/translations/nginx-books-and-sites/

А в конце подборки — 6 ресурсов с просторов интернета, которые тоже помогут в изучении системы.

#бэкенд #nginx

Очередная часть перевода курса курса 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/

#инструменты

Круговое меню

В этом видео наш подписчик рассказывает, как его создать с помощью HTML, CSS и JS.

#фронтенд #html #css #javascript

Инструмент, с помощью которого можно развернуть сервер с фейковым 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