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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Что выведет этот код?
Что выведет этот код?
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


В JS отдавайте предпочтение функциональному программированию, а не императивному

Сложный для понимания пункт, особенно для новичков. И мы здесь не про чисто функциональное программирование, как в некоторых других языках. Но если говорить простыми словами, то старайтесь следовать правилам:

📌 Описывайте действия в функциях исходя из вопроса "Как прийти к такому результату?", а не "Сделать это и это"

📌 Используйте встроенные методы вместо того, чтобы реализовывать такой же функционал вручную

Это сделает ваш код более универсальным, чистым и легко тестируемым

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯1
Что такое Callback Hell?

Ответ:
Callback Hell — это ситуация, когда код становится трудно читаемым и поддерживаемым из-за глубокой вложенности коллбэков. Это часто происходит при работе с асинхронными операциями. Проблему можно решить с помощью Promises или Async/Await.

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

Coderoll | Frontend
Что выведет этот код?
Что такое Destructuring Assignment?

Ответ:
Destructuring Assignment — это синтаксис JavaScript, который позволяет извлекать данные из массивов или объектов в переменные. Это упрощает работу с данными и делает код более читаемым.

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

Coderoll | Frontend
Что выведет этот код?
😁2
Что такое for...of?

Ответ:
for...of — это цикл, который итерируется по итерируемым объектам (массивы, строки, генераторы и т.д.), возвращая значения элементов.

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

Coderoll | Frontend
1
Telegram опубликовал список 8 самых быстрорастущих каналов для программистов:

Only Python — Подборки приёмов и фич, о которых не рассказывают в курсах.

Only Tech — Главные тренды и инсайды из мира технологий, маркетинга и интернет-культуры.

Only Hack — Реальные кейсы кибератак, инструменты и методы защиты, которые используют хакеры.

Only GitHub — Репозитории, которые решают реальные задачи.
Скрипты, фреймворки и готовые решения 

Only IT — Без мнений и слухов — только факты и важные IT-события.

Only Apple — Новые апдейты, утечки и фишки, которые Apple ещё не показала.

Only GPT — Промпты, хаки и свежие инструменты, о которых молчат даже AI-каналы.

Only Memes — Если ты когда-нибудь деплоил в пятницу вечером — ты поймешь

Подписывайтесь и прокачивайте свои скиллы
Что выведет этот код?
🤯1
"Ты че, дурак?" – базовая реакция сеньора на тех, кто покупает IT курсы

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

Трушные ребята учатся на жизненных каналах для айтишников. Вот топ-5 от тимлида из Сбера:

⚙️ Технолоджия – для тех, кто хочет быть в курсе новостей в айти

🧠 Ai-чница – способы превратить нейросети в заработок $$$

💻 ИИ тебя заменит! – тенденции айти рынка в связке с нейросетями

4️⃣ Войти в IT – тонны бесплатного обучения для прогеров

😄 IT индус – сборник айти мемов
Please open Telegram to view this post
VIEW IN TELEGRAM
💅1
Инструмент для пошаговой визуализации выполнения JavaScript

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

➡️Ссылка на ресурс

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Господи, да в чём проблема стать фронтендером?

Подписался на эти три канала:

👉 Фронтенд 
👉 Верстка
👉 Node.JS

Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ!

Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.
100 челленджей для фронтендеров с задачами разной сложности

Сайт, на котором собрали сотню задачек для фронтов — от вёрстки поп-апов до фронтенда для email-клиента

➡️Попрактиковаться можно на сайте

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Fixper - ремонт стиральных машин
 
Сложность: #высокая
Жанр: #MultiPage
Язык: #RU
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


✏️ Используйте функции для удаления дубликатов кода

Одно из первых правил, которые мы изучаем в функциях - это соблюдение правила DRY (don't repeat yourself)

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Бесплатное обучение фронтенд-разработке с нуля с поддержкой от наставника

На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает разобраться во фронтенде

С 15 ноября стартует обучение с практикой на JavaScirpt и Next.js

Всего сделаете два проекта:
💡 фронтенд для магазина на JS + Next.js
💡 и ещё один уникальный пет-проект для каждого участника

Объясняет так, чтобы понял даже человек, у которого нет опыта в программировании

🔖автор регулярно проводит собесы, нанимает новичков и показывает, что реально смотрят на резюме и GitHub, а что — лишнее.

Если вы новичок
сделаете первый проект и посмотрите, ваше это или нет
корткий маршрут: план «Что учить во фронтенде» и в каком порядке
 какие проекты положить в портфолио

Если у вас есть опыт
узнаете, какие проекты в портфолио повышают шансы на удачный собес
тест знаний и навыков
способы поиска заказов на фрилансе без бирж с конкуренцией

Подписывайтесь, чтобы участвовать, осталось 24 места

Учиться самостоятельно по ютубу, книжкам, сололёрнам можно бесконечно, если не знать, что нужно, а что нет

На интенсиве сократите время на поиск информации и получите готовый маршрут и первый результат от разработчика, который нанимает новичков в команду

Участвовать бесплатно
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?