Топ-10 библиотек UI-компонентов для Vue

Для Vue существует множество различных библиотек, которые предлагают готовые к использованию UI-компоненты. У каждой из них есть свои особенности.

В этой статье представлены наиболее популярные из них:

https://tprg.ru/VFyH

#vue

​CSS свойство background-image как антипаттерн

Использование bacground-image помогает нам делать различные классные вещи во время вёрстки сайта, но злоупотребление этим свойством может принести больше вреда, чем пользы.

Здесь вы узнаете, чему может навредить использование background-image и как этого избежать:

https://tprg.ru/ZcxS

#фронтенд #css

Сделан с любовью

Давайте проверим, как вы разбираетесь в объектах JavaScript! Выбирайте правильный вариант ответа в викторине под картинкой.

Пожалуйста, не пишите варианты ответа в комментарии, чтобы всем было интернеснее.

#викторина

20 лучших практик Dockerfile

В этой статье вы найдёте 20 различных практик для работы с файлами Docker, которые помогут вам избежать проблем с безопасностью и не только:

https://tprg.ru/GOUc

#docker #бэкенд

​Подборка игр для прокачки навыков

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

— Untrusted. Игра с простым интерфейсом, но интересным сюжет. Используя свои знания JavaScript помогите главному герою в его путешествии: https://tprg.ru/6eA0

— Elevator Saga. Здесь вам предстоит программировать работу лифтов для максимально эффективной перевозки людей: https://tprg.ru/l2u6

— Flexbox Defense. Сыграв в эту игру в жанре Tower Defense, вы точно запомните основные CSS-свойства Flexbox: https://tprg.ru/4nLS

— ChekiO. В этой игре вы будете путешествовать по островам, решая различные задачи. Игра подойдёт как начинающим, так и более опытным TypeScript-разработчикам: https://tprg.ru/cxDE

Завтра мы выложим вторую часть подборки, потому что годных игр действительно много!

#css #javascript #typescript

​Анимация спрайта на CSS

Это видео прислал нам наш подписчик. В нём вы научитесь быстро создавать анимацию спрайтов с помощью CSS:

https://tprg.ru/0ifX

#видео #css

​Продолжение подборки игр для прокачки навыков

Это вторая часть подборки. Первая часть тут.

— CodeCombat. Эта игра подойдёт новичкам, которые только начинают знакомиться с программированием. Можете предложить её детям: https://tprg.ru/Pwcx

— Grid Garden. Если в Flexbox Defense вы закрепляли знания по флексам, то тут вы прокачаете навыки работы с гридами: https://tprg.ru/LsET

— Screeps. А это уже полноценная многопользовательская игра в жанре MMO RTS. Серверная часть игры хоть и реализована на Node.js, но позволяет играть, используя различные языки программирования, в том числе JavaScript и TypeScript: https://tprg.ru/WItY

— CSS Diner. Ещё одна игра для прокачки навыков CSS, но в данном случае вы будете работать не только с Flexbox, но и другими возможностями CSS: https://tprg.ru/EfGi

А какие ещё игры для программистов знаете вы? Поделитесь в комментариях!

#css #javascript

​Инструменты фронтенд-разработчика

Опытный фронтенд-разработчик поделился инструментами, которые ежедневно упрощают ему жизнь, и рассказал почему выбрал именно их:

https://tprg.ru/eFt4

Чего тут не хватает на ваш взгляд и почему?

#фронтенд

За секунду до падения

Изучение SVG с помощью 25 примеров

В этом CodePen-проекте вы сможете изучить и понять основные принципы работы с SVG-изображениями. За каждым окошком находится небольшой урок, SVG-изображение и его исходный код. Попробовать можно тут:

https://tprg.ru/2Vhk

А ещё автор записал видеоурок по этой теме:

https://tprg.ru/XcfM

#codepen #видео #svg

​10 сочетаний клавиш VS Code на Mac, которые полезно знать

VS Code один из самых популярных редакторов кода в веб-разработке. Если вы используете его, то вам будет полезно узнать эти сочетания клавиш, которые позволят быстрее работать с кодом:

https://tprg.ru/rI7j

​Рендеринг на стороне сервера против статической генерации сайта

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

В этой статье попытались разобраться:

https://tprg.ru/H1WY

Ей явно нравятся постарше

​10 вопросов по React и JavaScript на собеседовании

В этой статье разбирают 10 вопросов начального уровня по React и JavaScript, которые могут задать на собеседовании. Проверьте свои силы и заполните пробелы:

https://tprg.ru/NQn3

На сколько вопросов смогли ответить правильно?

#react #javascript

​Тайна убийства SQL

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

Попробуйте:

https://tprg.ru/c1by

#sql

Обработка текста поверх изображений в CSS

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

С некоторыми из них вы можете ознакомиться в этой статье:

https://tprg.ru/bJcI

#фронтенд #css

10 шпаргалок по веб-разработке

В статье собраны шпоры по HTML, CSS, JavaScript, PHP, Django и бонусом исчерпывающий видеокурс по Spring Boot:

https://tprg.ru/20ZK

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

​Начинаем розыгрыш подарков за игру в «Быки и Коровы»!

Правила просты:
1. Нужно зайти в нашего бота и просто играть — против бота, против друзей, против соперников в онлайне (если коротко — вам нужно отгадать загаданное ботом число с помощью его подсказок, подробные правила — в боте).
2. За игры вам будут начисляться очки.
3. Спустя неделю мы подведём итоги розыгрыша и наградим лучших игроков.

Что за призы?
1. Игрок, который займёт 1 место, получит один из двух наборов мыши и клавиатуры на выбор — Microsoft Wireless Desktop 900 или Bloody B2100.
2. 10 следующих за ним игроков получат мерч от Tproger — настенные календари, майки, карты для planning poker, наклейки.
3. А каждому, кто одержит хотя бы одну победу в онлайн-режиме, мы отправим электронную версию нашего фирменного календаря.

Заходите в бота и начинайте зарабатывать очки: t.me/tproger_official_bot?start=bcgame