Создание веб-приложения с помощью Vue.js, Vuetify и Firebase

Предлагаем попробовать свои силы в создании реального проекта, в котором фронтенд реализован с помощью Vuetify, а за бэкенд отвечает Firebase. В итоге получится приложение для изучения немецкого языка.

Содержание видеокурса и все уроки — у нас на сайте: https://tproger.ru/video/building-vuejs-app/

#фронтенд #vuejs

Типичные ошибки при работе со временем

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

В этом докладе спикер описал типичные ошибки, которые встречались ему в проектах на языках Java, C# и JavaScript. Он рассказал, как получить самую точную текущую дату, как обрабатывать асинхронные запросы и какие ошибки могут возникнуть в полночь.

Текстовая версия доклада: https://tprg.ru/acRk

#javascript #java

Подборка из 20 библиотек, реализующих разнообразные CSS-анимации: https://tprg.ru/bu3k

И ещё небольшой сайт, где можно найти несколько симпатичных CSS-лоадеров: https://loading.io/css/

#фронтенд #css

Материалы по React

Если вы начинаете разбираться с библиотекой React, то у нас есть для вас несколько советов, которые помогут войти в курс дела: https://tproger.ru/translations/9-useful-tips-react/

Если уже немного шарите, то изучите некоторые практики, с которыми пользоваться React станет легче: https://tproger.ru/translations/concepts-to-become-an-advanced-react-developer/

И немного практики. В этой статье рассказываем, как написать простое React-приложение, в котором можно смотреть погоду в разных городах: https://tproger.ru/translations/react-basic-weather-app/

#фронтенд #reactjs

Хотите быть в курсе последних айтишных новостей? Тогда вам в канал IT Новости. Публикуем их там сразу, как только узнали.

Подписывайтесь и узнавайте первым о релизах, исследованиях, новых дырах в безопасности и утечках данных: @tprogerlive

В течение 2020 года Google планирует прекратить поддержку протокола FTP в Chrome и Chromium: https://tprg.ru/t0qC

Начиная с версии Chrome 80 поддержка FTP будет отключена по умолчанию, но разработчики добавят флаг DisableFTP, позволяющий вернуть поддержку протокола. А в Chrome 82 выпилят весь код, связанный с FTP.

Основные причины для этого — небезопасность и непопулярность протокола. По данным Google, сейчас им пользуется 0,1% пользователей.

#chrome

Несколько шпаргалок по PHP

— популярные функции и конструкции языка:
https://tprg.ru/php-cheatsheet

— основные команды для фреймворка Laravel:
https://tprg.ru/laravel-cheatsheet

— все команды менеджера пакетов Composer:
https://tprg.ru/composer-cheatsheet

— и ещё парочка шпаргалок по синтаксису языка:
https://gofile.io/?c=HeKRl6

#php #laravel #composer #шпаргалки

Игра в иконке вкладки браузера

Чем заняться веб-разработчику, когда совсем скучно? Например, написать игру в иконке вкладки браузера.

Поиграть в игру, которую сделал автор видео, можно здесь: https://mashpoe.github.io/favicon-dino-game

А исходники лежат тут: https://github.com/Mashpoe/favicon-dino-game

#фронтенд #кек

Простой Markdown-редактор, написанный с использованием библиотек CodeMirror, Markedjs и Create-react-app: https://github.com/completejavascript/markdown-editor

Напоминаем, что вы можете делиться своими проектами (большими и не очень) с подписчиками, предлагая пост в Веб-страницу в VK или в отдельной теме для обсуждений там же: https://vk.com/topic-183460226_39347693

#фронтенд

Советы по оптимизации HTTP/2

Рекомендуем хорошую статью, в которой собраны лучшие практики по оптимизации сайта для HTTP/2 от Cloudflare: https://tprg.ru/32fQ

Сейчас достаточно провести оптимизации только для HTTP/2, потому что его поддерживают больше 95% браузеров: https://tprg.ru/h56A

#http2 #лучшиепрактики

Алгоритмы и структуры данных

В этом видеодокладе спикер рассказывает, что такое алгоритмы и структуры данных и зачем они нужны. Вы познакомитесь с несколькими популярными алгоритмами, научитесь оценивать их вычислительную сложность, а также узнаете о стандартных структурах в JavaScript.

#алгоритмы #javascript

⁠Как перейти с jQuery на чистый JavaScript

jQuery до сих пор остаётся полезной и практичной библиотекой, но теперь многие простые задачи типа стилизации элементов или получения данных от сервера можно реализовать проще и чище.

Автор этой статьи недавно решил отказаться от jQuery и составил это практическое руководство по самым распространенным паттернам в jQuery и тому, как написать их на чистом JavaScript: https://tprg.ru/Uptm

#фронтенд #javascript #jquery

Справочник по nginx

Ресурсов по nginx много, а хочется, чтоб был один, в котором всё есть. И, собственно, вот он: https://github.com/trimstray/nginx-admins-handbook

Здесь вы сможете узнать о многих функциях и возможностях nginx. Например, как протестировать производительность или решить проблемы с отладкой. Также тут есть инструкции по конфигурированию, паттерны по безопасности, способы решения популярных проблем и многое другое.

#бэкенд #nginx

Об использовании микросервисной архитектуры на практике

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

Читайте доклад, в котором ведущий инженер 2ГИС делится своим кейсом разработки и доставки микросервисов. Рассказывает про архитектурные решения, деплой, возможности масштабирования и удобные инструменты для работы: https://tprg.ru/cYdA

#архитектура

Безопасность Kubernetes

Репозиторий, в котором собраны материалы, исследования, инструменты по безопасности Kubernetes. Статьи, чек-листы, уязвимости и лучшие практики здесь: https://github.com/kabachook/k8s-security

#kubernetes #безопасность #лучшиепрактики

Подборка из 10 форм авторизации/регистрации, написанных на HTML и CSS: https://tprg.ru/nhMV

Можно использовать в оригинальном виде, а можно взять один из вариантов и на его основе придумать что-то своё.

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

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

Наблюдение за изменением состояния в базе данных, мониторинг размера очередей, телеметрия с удалённых серверов, запуск деплой скриптов и получение нотификации по завершению — конфигурируется за минуту простым YAML файлом.

Исходники здесь: https://github.com/sqshq/sampler

Почитать подробнее здесь: https://tprg.ru/Tv0Y

#бэкенд #консоль

Кроме канала про веб-разработку у нас ещё есть Типичный программист.

Там рассказываем про важные новости IT-сферы, делимся образовательным контентом и рекомендуем актуальные вакансии.

Подписывайтесь, если ещё не сделали этого: @tproger_official

4 хороших совета по улучшению UX приложений. Всё с примерами и подробным объяснением, почему стоит делать именно так, а не иначе: https://tprg.ru/GWo6

Их понимание позволит вам избегать не только этих, но и других очевидных ошибок при разработке UX.

#фронтенд #дизайн #ux

7 недостающих факторов в подходе 12 Factor App

Мы недавно писали про 12 факторов, соблюдение которых поможет в создании современных веб-приложений.

Разработчики IBM Cloud Private, которые создают микросервисы с использованием Kubernetes, подумали и дополнили исходный список ещё семью факторами: https://tprg.ru/KGob

#лучшиепрактики #kubernetes

Подборка полезных материалов для мобильной веб-разработки от нашего подписчика: https://tprg.ru/haO7

Книги и статьи про оптимизацию, паттерны, ссылки на актуальные стандарты, инструменты и API.

#mobile