CodeRoll | Frontend
5.04K subscribers
1.59K photos
73 videos
1 file
899 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Классная шпаргалка для методов строк

Coderoll | Frontend
5 игр-тренажеров для прокачки фронтенда 🎮

Осваивать технологии легче в игровой форме. Парочка игр уже были в предыдущих постах — а вот ещё дополнение к ним:

Flexbox Froggy 🐸
Если хотите прокачать Flexbox, попробуйте сыграть за лягушек и расположить их по нужным местам на пруду. Отличная практика на flex-direction, justify-content и другие свойства!
🔗 https://flexboxfroggy.com/

Grid Garden 🌱
А вот тренажёр для CSS Grid: расставляем грядки, используя grid-template-columns, grid-area и другие свойства. Отличный способ освоить сетки в CSS.
🔗 https://cssgridgarden.com/

CSS Diner 🍽️
Для тренировки селекторов CSS идеален CSS Diner! Игра помогает разобраться в основах селекторов и понять, как выбирать элементы в DOM.
🔗 https://flukeout.github.io/

CodeCombat ⚔️
Эта игра для тех, кто хочет развить навыки программирования, включая JavaScript. Сражения с монстрами и решения головоломок в игре требуют от вас писать код. Особенно полезно для практики базового JS!
🔗 https://codecombat.com/

JavaScript 30 📆
Не совсем игра, но челлендж, где за 30 дней вы создадите 30 небольших проектов, каждый из которых оттачивает какой-то конкретный аспект JS. Подходит для продвинутых новичков и тех, кто хочет улучшить навыки JS.
🔗 https://javascript30.com/

Coderoll | Frontend | #Тренажёр
Please open Telegram to view this post
VIEW IN TELEGRAM
tRPC

Полноценный инструмент для работы с API без необходимости в REST или GraphQL. Позволяет напрямую вызывать серверные функции из клиента с полной поддержкой TypeScript.

👀 Попробовать

Coderoll | Frontend
Swiper

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

👀 Попробовать

Coderoll | Frontend
Вопрос с собеседования:

Что такое замыкания?

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


Ставь ❤️если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Vite (если вдруг вы ещё не работали с ним — обязательно посмотрите)

Vite — это невероятно быстрый инструмент сборки интерфейса, обеспечивающий работу веб-приложений нового поколения. Обеспечивает молниеносную скорость благодаря использованию ES-модулей. Поддерживает TypeScript, Vue, React и многие другие фреймворки.

👀Попробовать

Coderoll | Frontend #vite
Please open Telegram to view this post
VIEW IN TELEGRAM
Как работает this в JavaScript?

В глобальной области: this ссылается на window (в браузере) или global (в Node.js).
В методах объектов: this ссылается на объект, в котором вызван метод.
В стрелочных функциях: this берется из внешнего контекста.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
База бесплатных API для ваших пет-проектов и не только

Игры, погода, база персонажей Звёздных войн, финансы и ещё куча других тем

По каждому API можно посмотреть рейтинг работоспособности

Посмотреть сайт

Coderoll | Frontend
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
Айтишники поймут
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
Как объединить массивы?

1 - Можно использовать метод concat()
2 - Можно использовать spread оператор


Ставь ❤️если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Animista

Коллекция анимаций CSS с готовыми пресетами и возможностью настройки. Поможет в добавлении анимаций без написания сложного CSS.

👀 Попробовать

Coderoll | Frontend
Собрали для вас слив из 1000+ топовых курсов и материалов для айтишников 👇

🖥 Python: 1527+ материалов

🖥 Frontend: 1494+ материалов
Фреймворки: 638+ материалов
Готовый код: 885+ материалов

🖥 Backend: 1650+ материалов
Программы: 766+ материалов
Сервисы: 818+ материалов

🎨 Дизайн: 1120+ материалов

📚 Книги по IT: 1725+ материалов

Всё лучшее про IT бесплатно — уже на Базе 🚀
Please open Telegram to view this post
VIEW IN TELEGRAM