Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Менеджер по рекламе: @Spiral_Yuri Купить рекламу: https://telega.in/c/frontendinterview Номер заявления в РКН № 4959045795
🔥Тесты для подготовки к собеседованию🔥
Выбери своё направление:
1. Frontend
2. Python
3. Java
4. Тестировщик QA
5. Data Science
6. DevOps
7. C#
8. С/C++
9. Golang
10. PHP
11. Kotlin
12. Swift
Чем удобен селектор :is()
Функция-псевдокласс :is() принимает один или несколько селекторов в качестве аргумента. Браузер при чтении применяет стили к любому из селекторов-аргументов.
Полностью поддерживается во всех стабильных браузерах с января 2021 года. Чуть более широкую поддержку можно получить, если использовать устаревшие версии с префиксами :-webkit-any(), :-moz-any() и :matches().
Применяем стили по наведению курсора на абзацы, вложенные в <header>, <main> или <footer>: :is(header, main, footer) p:hover {
color: red;
cursor: pointer;
}
Иначе этот селектор пришлось бы записать гораздо более многословно: header p:hover,
main p:hover,
footer p:hover {
color: red;
cursor: pointer;
}
👉 @frontendInterview
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Ты с нуля сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Создашь проект на Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Сделаешь сайту адаптив;
6. Получишь проверку домашек от кураторов;
7. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать.
А главное, ты узнаешь, что тебе делать, чтобы уже в этом году гарантировано зарабатывать от 1000$/мес. на фронтенд-разработке, не выходя из дома.
Начинаем уже завтра.
👉 Успей проскочить на интенсив бесплатно
Бонусом для портфолио тебе выдадут именной сертификат после окончания интенсива и успешной сдачи всех домашних работ.
Реклама. ИП Чернова О. А., ИНН:771399721044
Как обычный парень может стать гением Кремниевой долины
В книге исследуются справедливость и обоснованность шести тезисов, касающихся личности техногения, и приводятся контраргументы, опровергающие эти утверждения. В процессе изучения и раскрытия каждого из них читателю будет убедительно доказано, что феномена IT-гениальности не существует, но техногением может стать каждый.
Вы узнаете, какова роль интеллекта, гениальности и IQ-тестирования в достижении успеха в сфере информационных технологий; овладеете творческими навыками, основанными на нейробиологии, усовершенствуете когнитивные механизмы и поведенческие реакции; изучите особенности образа мышления, характера и поведения техногениев; поймете, почему им свойственно быть белыми воронами, познакомитесь с их профессиональными секретами и узнаете, как они способствовали созданию успешного бизнеса и как можно применить их в своей деятельности; прочитаете истории бурного роста Dropbox, Snapchat, Groupon и многих других высокотехнологичных компаний.
HTMLCollection и NodeList.
HTMLCollection и NodeList — это очень похожие на массив коллекции. Они хранят элементы веб-страницы (узлы DOM). NodeList может хранить любые типы узлов, а HTMLCollection — только узлы HTML элементов. К элементам коллекций можно обращаться по индексу, но у них нет привычных методов массива.
HTMLCollection возвращают методы getElementsByTagName и getElementsByClassName.
NodeList возвращают методы querySelectorAll и childNodes.
Полный список всех методов, возвращающих типы NodeList или HTMLCollection можно узнать в стандарте DOM.
👉 @frontendInterview
Жизненно
👉 @frontendInterview
Почему я отказался от GraphQL
GraphQL — невероятная технология, привлёкшая много внимания с тех пор, когда я начал в 2018 году использовать её в продакшене. После создания множества React SPA поверх путаницы нетипизированных JSON REST API технология GraphQL показалась мне глотком свежего воздуха. Я искренне поддерживал хайп вокруг GraphQL.
Однако с течением времени у меня появилась возможность выполнять развёртывания в окружениях, где больше важны не функциональные требования, а безопасность, производительность и удобство поддержки. Тогда и поменялась моя точка зрения. В этой статье я подробно расскажу о том, почему сегодня не рекомендовал бы GraphQL большинству, и поделюсь более совершенными альтернативами.
👉 @frontendInterview
Бесплатный практический вебинар: Профессия «Frontend-разработчик».
⏰ Когда: 18 июня в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере.
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру,сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего Frontend-разработчика.
Асинхронная отправка формы
Возможно, вы хотите иметь больше контроля над вашей формой: показывать лоадер при отправке данных или обновить интерфейс ещё до получения ответа сервера. Если у формы есть атрибут method со значением get или post, то при отправке формы страница перезагрузится. В этом рецепте разберёмся, как отключить это дефолтное поведение и взять все в свои руки.
👉 @frontendInterview
📚 Как выучиться на веб-разработчика и найти работу?
Если вы присматриваетесь к веб-разработке и думаете, с чего начать её изучение, вам точно стоит обратить внимание на онлайн-курс «Профессия Веб-разработчик» от Skillibox. Это оптимальный вариант для тех, кому дорого своё время и кто хочет начать работать как можно быстрее.
На онлайн-курсе вы:
🔷 Получите знания от разработчиков из топовых компаний
🔷 Добавите более 8 проектов в портфолио на GitHub
🔷 Научитесь создавать бэкенд и фронтенд для сайтов с нуля
🔷 Получите помощь в трудоустройстве и сможете начать работать уже через 7 месяцев
Оцените курс бесплатно — и решите, подходит ли он вам! Просто оставьте заявку и получите доступ к первым модулям. Карту привязывать не нужно, а пройти уроки можно в любое время!
Попробовать бесплатно: https://epic.st/eUBep?erid=2Vtzqv8CMMG
Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
.flatMap()
Метод flatMap() позволяет сформировать массив, применяя функцию к каждому элементу, затем уменьшает вложенность, делая этот массив плоским, и возвращает его.
Был добавлен в стандарте ES2019. Если вы поддерживаете браузеры, выпущенные раньше 2018 года, то вам понадобится полифил.
Пример
Представим, что у нас есть список заказов пользователей из которого мы хотим понять, какие товары заказывают: const orders = [
{
id: 1,
products: [
{ name: 'Чизкейк', price: 1.99 },
{ name: 'Бисквит', price: 4.99 },
]
},
{
id: 2,
products: [
{ name: 'Шоколад', price: 5.59 },
{ name: 'Зефир', price: 8.99 },
]
}
]
Одним из решений будет сначала дважды вызвать метод map(), а затем сделать массив плоским с помощью метода flat()
Другое решение этой задачи — сразу вызвать метод flatMap() (ведь статья у нас именно про него): orders.flatMap(
(order) => order.products.map(product => product.name)
)
Увидим что функция применилась, вложенность уменьшилась и мы получили только названия продуктов из массива products: ['Чизкейк', 'Бисквит', 'Шоколад', 'Зефир']
👉 @frontendInterview
Compose functions
Создайте функцию compose, которая принимает параметр и неограниченное количество функций, через которые пройдет этот параметр по очереди.
compose(n, f1, f2, f3..., fn) // === fn(...(f3(f2(f1(n)))))Примеры
var doubleTheValue = function(val) { return val * 2; }
var addOneToTheValue = function(val) { return val + 1; }
compose(5, doubleTheValue)
// should === 10
compose(5, doubleTheValue, addOneToTheValue)
// should === 11
Для тех, кто любит фильмы и сериалы
Ответьте на один вопрос и откройте бесплатный доступ сразу к двум сервисам:
Кинопоиску и Яндекс Музыке для вас и 3-х близких на 90 дней.
Предложение ограничено до 30.06.2024 — успейте подключиться.
Смотреть
#реклама 18+
kinopoisk.ru
О рекламодателе
Этот пост написан человеческим интеллектом специально для тех, кто хочет разрабатывать искусственный 🧠
А ещё — создавать крутые цифровые продукты, которыми пользуются миллионы людей, придумывать и реализовывать самые смелые идеи и работать в команде (таких же устремлённых в будущее) единомышленников.
Если ты ищешь IT-вакансию мечты — заходи на rabota.sber.ru 💻
Разбуди в себе Python-программиста
Пройди путь от азов до создания проектов на Python. Присоединяйся!
Обучим бесплатно, если ты:
— В отпуске по уходу за ребёнком
— Неработающая мама детей до 7 лет
— Официально не работаешь или под риском увольнения
— 50 лет и старше или предпенсионер
— Находишься в поисках работы или хочешь повысить квалификацию на текущем рабочем месте
Подать заявку
#реклама 16+
osnovanie.info
О рекламодателе
📚 Здесь собраны все вопросы, которые могут спросить на собеседовании. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам. Просто выбери своё направление:
1. Frontend / JavaScript
2. Python
3. Java
4. Тестировщик QA
5. Data Science
6. DevOps
7. C#
8. С/C++
9. Golang
10. PHP
11. Kotlin
12. Swift
Рубашки, кресла, крема и чепчики
Продавайте и зарабатывайте в Топ-4 категориях. Разместитесь на Маркете до 30 июня и получите скидку 99%
Узнать больше
#реклама
partner.market.yandex.ru
О рекламодателе
Maximum and minimum
Создайте две функции - max и min, которые возвращают соответственно максимальное и минимальное из переданных в них числа. Нельзя использовать Math.max и Math.min.
Примеры: max(1,2,3,4) //returns 4
max(1,2,3,['4']) //returns 4; note it returned 4 not '4'
max(1,2,[3,4]) //returns 4
max(1,2,[3,[4]]) //returns 4
max(1,2,[3,['4r']]) //returns NaN
max([[],[-4]]) // returns -4
max() or max([]) //returns 0
👉 @frontendInterview
Зарабатывайте с Forex дилером, которому доверяют!
Альфа Форекс - ваш ключ к успеху в мире трейдинга!📊
- Лицензия ЦБ
- Безупречная работа с 2003 года
- Торги от 0.01 лота
- 41 валютная пара
- 0% ввод/вывод
Регистрируйтесь и начните зарабатывать на курсах валют уже сегодня! 💰
Узнать больше
Финансовые услуги оказывает: ООО «Альфа-Форекс».
#реклама
alfaforex.ru
О рекламодателе
Хочешь щёлкать задачи по фронтенду как орешки?
Канал Frontend Tests & Tasks научит!
Это не очередной канал с задачами. Здесь придется думать.
Убедись сам 👉 @Frontend_Task
Бесплатный практический вебинар: Профессия «Frontend-разработчик».
⏰ Когда: 18 июня в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере.
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру,сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего Frontend-разработчика.
Ответ на вопрос и Музыка ваша до конца лета бесплатно
Яндекс Музыка до конца лета бесплатно (вместо 299 ₽ в месяц) для вас и 3-х ваших близких.
Попробуйте сейчас!
Попробовать
#реклама 18+
music.yandex.ru
О рекламодателе
👩💻 Хочешь выйти на максимальный уровень в веб-разработке на JavaScript?
Пройди тест по JavaScript и проверь свои знания.
Ответишь — пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса
👉 ПРОЙТИ ТЕСТ: https://vk.cc/cxBkVtРеклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 erid 2SDnjc4ZLUh
Лайфхак для IT-шников в 2024
Разберись в алгоритмах. Компании уровня BigTech вязнут в большом количестве данных. Поэтому тот, кто сможет подобрать эффективное решение для задачи и оптимизировать рабочие процессы, поможет генерировать им больше прибыли.
На бесплатном обучении от FAANG School ты прокачаешь алгоритмы с разработчиком с 7-летним опытом, который решил 500+ задач на LeetCode. Узнаешь:
– Как использовать разные структуры данных
при решении задач
– Какие 20% усилий дают 80% результата
при подготовке к алгоритмам
– Prefix Sum и Sliding Window. 2 подхода, которые закрывают задачи на 200к$ во время собесов в Google
– Как научиться решать алгоритмы без матана
Простые и доступные объяснения, полезные квизы и опросы, а также много задач для практики.
Переходи и жми на кнопку «Принять участие», если хочешь увеличить шансы устроиться в Яндекс, Amazon, Google и другие.
Телеграм-канал с авторскими онлайн-курсами
У образовательной платформы Stepik есть свой телеграм-канал, в котором они рассказывают об авторских курсах (как платных, так и бесплатных). У них есть курсы по таким направлениям:
- Python
- Web-разработка
- Маркетинг
- Аналитика
- Маркетинг
- Иностранные языки
Подпишитесь на stepik_courses и найдите интересующий курс для себя!
Подписаться
#реклама 16+
О рекламодателе
Мидл-специалист отличается от джуниор-разработчика не только опытом и уровнем владения технологиями, но и софт-скилами. На курсе Практикума вы сможете прокачать все необходимые навыки и построить новую карьеру.
На курсе мы поможем вам:
— освоить новые навыки и извлекать больше пользы из своих софт-скилов;
— углубить знания в алгоритмах, DevOps, бэкенд‑разработке и смежных сферах;
— сделать с нуля 2 проекта — до работающих приложений.
Если вы не уверены, подойдёт ли вам профессия, — пройдите бесплатную часть и тест в конце. Если понравится, платите за остальную часть как удобно: в рассрочку или целиком.
→ Начать курс бесплатно
Микросервисы и контейнеры Docker
В данной книге анализируется два самых горячих направления развития информационных технологий: микросервисы и контейнеры Docker. Вместе они способны обеспечить беспрецедентную гибкость в разработке и развертывании приложений, а также в их масштабировании. Вы узнаете, как использовать микросервисы и Docker для создания модульной архитектуры, увеличения производительности и надежности приложений, уменьшения времени до выхода на рынок, повторного использования кода и экспоненциального повышения эффективности в DevOps.
👉 @frontendInterview
at()
Метод at() возвращает значение элемента массива по указанному индексу. Индекс может быть как положительным, так и отрицательным. Отрицательный индекс используется для отсчёта от последнего элемента массива.
Пример
Получим последний элемент массива: const beatles = ['Джон', 'Пол', 'Джордж', 'Ринго']
console.log(beatles.at(3))
// Ринго
👉 @frontendInterview
Смертельный номер: айтишник фиксит баг на проде.
👉 @frontendInterview