⁠Обзор современных трендов и частых ошибок в веб-дизайне

Кратко по трендам:
— использование шаблонов для создания сайтов;
— смещённые заголовки и необычная разметка;
— больше пространства;
— кричащие цвета;
— минимализм;
— адаптивная вёрстка.

В конце статьи — примеры сайтов с неправильным дизайном: https://tprg.ru/EtlC

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

Гайд по созданию такой интересной анимации: https://tprg.ru/Zjne

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

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

Присоединяйтесь: @tproger_official

Стоит ли изучать Golang и если да, то как

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

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

А на нашем сайте читайте мнение экспертов по этому поводу: https://tproger.ru/experts/is-go-worth-learning/

#go

Пополняемая подборка плохих практик использования HTML: https://www.htmhell.dev/

#фронтенд #html

CPDoS (Cache Poisoned Denial of Service) — класс атак по «отравлению» кэша, которые приводят к отключению веб-сайтов.

Читайте, как такие атаки работают, какие виды таких атак существуют, к каким последствиям могут привести и как с ними бороться: https://cpdos.org/

#фронтенд #безопасность

⁠Гайд по созданию веб-приложения для поиска фильмов с использованием Vue Composition API: https://bit.ly/2PlA6rX

В конце получится что-то такое:

#фронтенд #vuejs

Reqres — инструмент, который эмулирует REST API: https://reqres.in/

С его помощью можно тренероваться и тестировать Ajax-запросы своего приложения, все CRUD-операции, систему аутентификации. Можно даже задавать задержки ответа для запросов.

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

Разработчик 5 лет работал с React и составил большой список разного рода рекомендаций, которые будут полезны и новичкам, и тем, кто уже хорошо знаком с библиотекой: https://tprg.ru/vN64

#фронтенд #react

Подборка из 7, на первых взгляд, простых, но хитрых вопросов по JavaScript, которые могут попасться вам на собеседовании: https://tprg.ru/q5fK

#javascript

Читайте историю про то, как девушка хотела научиться анимационному дизайну на CSS и поставила перед собой челлендж «25 дней CSS»: https://bit.ly/2MS45WC

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

Если просто хотите посмотреть работы, то заходите сразу на CodePen: https://codepen.io/collection/DBeLyg/

#фронтенд #css

Банковская карточка с приятной анимацией: https://codepen.io/JavaScriptJunkie/pen/YzzNGeR

#фронтенд #vuejs

Руководство по созданию приложения с помощью Django, Docker и PostgreSQL: https://tprg.ru/5Bo8

#фронтенд #бэкенд #docker #django #postgresql

20 React-инструментов, которые помогут повысить продуктивность вашей работы: https://tprg.ru/qpfn

Например, обратите внимание на Reactide — IDE для React.js. В этой IDE встроен Node.js сервер и браузер, поэтому все изменения в коде сразу будут отображаться в IDE.

#фронтенд #react #инструменты

Composition API во Vue 3

На нашем сайте появилась подробная текстовая расшифровка доклада с митапа по Vue.js: https://tproger.ru/video/composition-api-in-vue/

В этом докладе спикер рассказал про Composition API во Vue 3:
— зачем он вообще нужен;
— какие проблемы он решает;
— сравнение Options API и Composition API на примере простой игры;
— его плюсы и минусы;
— как с его помощью писать понятные, тестируемые и независимые компоненты.

#фронтенд #vuejs

Webpack на практике: с нуля до создания автотестов

Webpack создаёт граф зависимостей для JavaScript, CSS и прочих, выдавая однофайловые сборки кода так, чтобы вы могли импортировать все необходимые ресурсы JavaScript всего одним тегом script.

В этом руководстве рассказываем, как создать сборку для небольшого веб-приложения, а затем научим вас использовать Webpack для настройки автоматических тестов: https://tproger.ru/translations/webpack-from-zero-to-hero/

Также читайте: 5 плагинов для Webpack

#javascript #webpack

Подробный гайд по оптимизации картинок для вашего сайта: https://bit.ly/2JxXSgp

#фронтенд

Разработка веб-серверов на Go

Стандартная библиотека языка Go включает в себя много полезных компонентов «из коробки», с помощью которых можно легко разрабатывать серверные приложения.

В статье читайте, как написать веб-сервер на Go, начиная с базового «Hello World!» и заканчивая приложением, выполняющим следующие функции:
— использует Let’s Encrypt для HTTPS;
— выполняет маршрутизацию запросов к API;
— реализует промежуточную обработку запросов;
— раздаёт статические файлы;
— корректно завершает свою работу.

Читать статью: https://tproger.ru/translations/go-web-server/

Если вы хотите сразу увидеть готовый код, то заходите на GitHub: https://github.com/jordan-wright/http-boilerplate

#бэкенд #go

Для того, чтобы сегодня использовать какие-то современные штучки типа распознавания лиц, не нужно быть гением. Нужно просто подключить нужную библиотеку, которая сделает большую часть работы за вас.

Читайте руководство по созданию веб-приложения, которое с помощью библиотеки face-api.js по фотографии человека определит его эмоции, пол и возраст: https://tprg.ru/Ky7j

#javascript #vuejs

10 советов по эффективному использованию фреймворка Vue.js: https://bit.ly/32QPQqJ

#фронтенд #vuejs

Бесплатные хакатоны для разработчиков

Пройдут в эти выходные, 9–10 ноября, в Москве и Санкт-Петербурге:

— В Москве пройдёт Hack.Genesis, на котором предложат решить одну из трёх задач и побороться за призовой фонд в 300 000 ₽. Также там будут работать образовательные интенсивы. Подробности: https://tproger.ru/events/hack-genesis/

— В Санкт-Петербурге состоится Baltic Sea Hack. Будут представлены задачи из совершенно разных сфер: туризм, экология, помощь людям с ограничениями. Призовой фонд — 500 000 ₽. Подробности: https://tproger.ru/events/baltic-sea-hack/

#ивенты