Сможете правильно ответить, не прибегая к запуску кода?!

Выбирайте правильный ответ в викторине ниже, но не пишите его в комментарии, чтобы всем было интереснее!

#викторина

​Как сделать сайт редактируемым извне с помощью данных Google Sheets

В этой статье рассматривается интересный кейс — как сделать так, чтобы информация на сайте обновлялась в соответствии с данными из таблиц Google.

Ничего особо сложного нет, но очень интересно. Посмотрите сами:

https://tprg.ru/9ysk

​7 игр на JavaScript

Подробное видеоруководство по созданию игр на JavaScript.

Здесь представлено сразу 7 игр на ваш выбор:

— игра на память;
— «ударь крота»;
— «четыре в ряд»;
— «змейка»;
— «Space Invaders«;
— «фроггер»;
— и «тетрис».

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

https://tprg.ru/cbij

#видео #javascript

​Tailwind CSS: С нуля до продакшена

Tailwind CSS — это CSS-фреймворк, предлагающий обширный каталог классов и инструментов, которые облегчают стилизацию сайта.

В этом плейлисте вы найдёте 8 уроков, которые помогут вам научиться работать с Tailwind с нуля:

https://tprg.ru/pIEe

#видео #css

Пишем фронтенд-компоненты на ванильном JS

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

https://tprg.ru/208n

#javascript

При попытке открыть запускается анимация и дверь откатывается в сторону

Лучшие фреймворки Node.js в 2021 году

Node.js является популярной платформой, которая расширяет базовые возможности JavaScript, делая язык более универсальных для различных задач. Поэтому для Node.js существует множество различных инструментов и фреймворков.

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

https://tprg.ru/7dwf

#nodejs

GLightbox

Это удобная JavaScript-библиотека, которая позволяет создавать красивые галереи из самых разных элементов — фотографий, видео, карт и так далее. Поддерживается большинством современных браузеров.

Здесь вы можете ознакомиться с библиотекой подробнее и установить её:

https://tprg.ru/zULT

#javascript

​Как тестировать фронтенд

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

В этой статье автор рассказал, как в их компании тестируют фронтенд и, в частности, вёрстку и записал целый чек-лист:

https://tprg.ru/IzDW

#фронтенд #html

​Верстка сайта с нуля для начинающих

В этом видео автор рассказывает, как можно быстро сверстать сайт, используя Pug, SCSS, VS Code и Figma, на примере сайта онлайн-кинотеатра:

https://tprg.ru/Bxer

#видео #фронтенд

Интересно, как тогда выглядят запросы к БД 🤔

Сравнение актуальных инструментов сборки

На сегодняшний день существует множество инструментов для сборки — webpack, snowpack, esbuild, Vite и другие.

Автор статьи разобрал основные возможности популярных сборщиков и выделил в них главные достоинства и недостатки:

https://tprg.ru/nmjP

Полезные CSS-генераторы в 2021 году

CSS-генераторы избавляют вас от необходимости в ручную подгонять стили для определённых целей. Они позволяют, используя веб-интерфейс, быстро настроить необходимые эффекты и получить на выходе готовый CSS-код.

В этой статье собраны популярные генераторы, которые могут оказаться вам полезны:

https://tprg.ru/cd4E

#фронтенд #css

Android, iOS, кроссплатформа — всё по теме мобильной разработки в одном Telegram-канале: @mobi_dev

​250+ вопросов с собеседований по PHP

Большой список вопросов, которые вам могут задать на собеседовании на должность PHP-разработчика. Список составлялся людьми, которые проводят эти собеседования и для удобства он разбит на три уровня — Junior, Middle и Senior, а также на дополнительные разделы по связанным технологиям.

https://tprg.ru/97c2

#php

​3 антипаттерна Vue.js

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

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

https://tprg.ru/KhTW

#vue

Бойцы невидимого фронта

Сможете разобраться в синтаксисе и дать правильный ответ?😉

Выбирайте правильный ответ в викторине ниже, но не пишите его в комментариях, чтобы всем было интереснее!

#викторина