Кому подходит моя кровь

Хотим поделиться с вами интересным и полезным проектом с CodePen, который поможет определить вам каким людям подойдёт ваша кровь в зависимости от её группы.

Проект реализован с помощью препроцессоров Pug и SCSS, а также чистого JS. Подробный код проекта вы можете посмотреть здесь:

https://tprg.ru/GWMm

#фронтенд

​Техники HTML и CSS для сокращения вашего JavaScript

Интересная статья о том, как можно заменить JS различными техниками HTML и CSS, которые позволят упростить загрузку страницы и взаимодействие с ней:

https://tprg.ru/hyJM

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

Про основы программирования мы рассказываем в нашем канале Точка входа.

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

Точка входа в канал здесь: @prog_point

Я ведь уже программист, да?!

​Продвинутая стилизация с помощью селекторов атрибутов в CSS

Помимо выбора элементов по id и классам существует несколько способов обратиться к конкретному HTML-элементу. О том, как это можно сделать — читайте в статье:

https://tprg.ru/UQFt

#фронтенд #css

Как оптимизировать PWA

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

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

https://tprg.ru/5YMq

#pwa

​Задачи на собеседованиях на позицию Junior Frontend-разработчик

В этой статье мы подготовили 5 вопросов по JavaScript, которые могут задать на собеседовании соискателю. Сможете ли вы ответить на все из них правильно?

https://tprg.ru/pqCV

#фронтенд #javascript

Ставить только в чётных строках

Что такое самолёт? Объяснение с помощью JavaScript

Забавный и в то же время красивый CodePen проект, который показывает и рассказывает, что такое самолёт.

Из интересного стоит отметить движение самолёта на странице, а также его трансформацию в схематичное изображение, выполненные с использованием библиотеки three.js.

Подробнее посмотреть и изучить проект можно тут:
https://tprg.ru/MAB8

​Как ускорить работу мобильного сайта за 5 шагов

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

В этой статье вы узнаете:
— способы ускорения работы сайта на мобильных устройствах;
— как протестировать скорость и оперативно диагностировать проблемы;
— что такое ускоренные мобильные страницы (AMP) и не только.

https://tprg.ru/hBVE

​Подборка тестовых заданий для Junior DevOps инженера

Чтобы вам было легче подготовиться к собеседованию, мы подготовили несколько вопросов, которые могут вам задать, если вы претендуете на должность Junior DevOps инженера:

https://tprg.ru/MZfP

#devops

В семье не без CoffeeScript

​Хорошо ли вы разбираетесь в трендах JavaScript?

Какой фронтенд-фреймворк получил больше всех звёзд на GitHub в 2020? А бэкенд-фреймворк?

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

https://tprg.ru/JsqB

#тест

​Доступные ссылки-иконки

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

Автор статьи написал React-компонент, который помогает сделать иконки видимыми и понятными не только человеческому глазу, но и скринридерам, а также рассказал, как он работает:

https://tprg.ru/qSP4

#фронтенд #react

Пейзаж на CSS

Хотим поделиться с вами чем-то красивым и вдохновляющим перед новой рабочей неделей. Пейзаж написан на HTML и CSS. Красиво, правда?

Рассмотреть детальнее и подробнее изучить код можно тут:
https://tprg.ru/Q6lq

Большой гайд по изучению Go

В этом гайде вы найдёте огромное количество полезной информации:
— синтаксис;
— структуры данных;
— многопоточность и многое другое.

https://tprg.ru/gfYA

#go

А если JS добавить, то что будет?!

Код на React и TypeScript, который работает быстро

Этот доклад посвящён проблемам, связанным со скоростью работы кода, написанного на React и TypeScript. Здесь вы сможете узнать, что можно изменить в проекте, чтобы он работал быстрее: убрать лишний ререндер, сократить Spread и Rest operator и многое другое:

https://tprg.ru/rYDo

#react #typescript

Супергеройский макет на CSS

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

В этой статье с помощью clip-path и сопутствующих инструментов вы можете научиться делать полноценные страницы комиксов и красивые коллажи:

https://tprg.ru/FVDT

#CSS

Веб-хостинг AWS Amplify: 5 основных функций, которые вам следует знать

При развёртывании приложений с помощью AWS Amplify вы можете воспользоваться пятью полезными функциями, упрощающими дальнейшую поддержку ваших приложений, а именно:
— непрерывное развёртывание;
— добавление пользовательских доменов с бесплатным сертификатом SSL;
— создание среды разработки и тестирования;
— защита вашего сайта паролем;
— возможность превью ваших Pull Request.

Подробнее об этих особенностях читайте в статье:

https://tprg.ru/pJxB

#бэкенд #aws