Frontend Interview - собеседования по Javascript / Html / Css

👉 @frontendInterview

​Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё: •разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера; •познакомиться с теорией и отработать её на практике в больших проектах; •научиться брать ответственность за решения и вкладываться в общий результат; •самостоятельно декомпозировать задачи и распределять время; •исследовать смежные сферы программирования, без которых невозможен фронтенд: •информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Начать учиться: https://practicum.yandex.ru/middle-frontend

Селекторы по атрибутам в CSS В CSS существует возможность обратиться к элементам html-документа по значению его атрибутов. Вы, конечно, уже знаете про ID и классы. Давайте взглянем на следующий html:

 <h2 id="first-title" class="magical" rel="friend">David Walsh</h2>

У этого элемента три атрибута: id, class и rel. Обратиться к этому элементу в CSS вы можете либо по его идентификатору (#first-title), либо по имени класса (.magical). Однако знали ли вы, что вы также можете обратиться к нему, используя атрибут rel? Это и называется селекторы по атрибутам: h2[rel=friend] { /* woohoo! */ } Существует множество вариантов их использования. Примеры можно посмотреть в статье. 👉 @frontendInterview

🚀Научитесь решать любые задачи фронтенда! ЗАВТРА, 22 ноября в 20:00 мск приглашаем на бесплатный урок «Refine.js - мощный фреймворк разработки внутренних приложений». — На вебинаре мы напишем фронтенд небольшой админ-панели с применением Refine и Tailwind. — Урок пройдет в рамках онлайн-курса «React.js Developer» от OTUS. Курс рассчитан на Frontend JavaScript разработчиков, которые хотят освоить React. Протестируйте обучение в OTUS и познакомьтесь с преподавателем — Арсением Высоцким, тимлидом в большой международной компании. 👉Пройдите вступительное тестирование и регистрируйтесь на вебинар!

Vowel one Вам дана строка из гласных и согласных букв, а также спецсимволов. Создайте функцию, которая трансформирует гласные буквы в 1, а все остальные символы в 0. Примеры: vowelOne( "abceios" ) // "1001110" vowelOne( "aeiou, abc" ) // "1111100100" 👉 @frontendInterview

Webpack for Beginners (2020) Webpack стал одним из самых популярных сборщиков за последние годы; он широко используется разработчиками, компаниями и организациями всех размеров, и многие веб-фреймворки используют его для управления своими проектами Вы начнете с установки и настройки Webpack и узнаете, как писать модульный код. Затем вы перейдете к использованию загрузчиков и плагинов с примерами использования псевдонимов и разрешите удалять кэш и устанавливать сторонние библиотеки, такие как jQuery, Bootstrap, QuillJS и многое другое. 👉 @frontendInterview

🎯 Хардкорный тест по Node JS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 👉 ПРОЙТИ ТЕСТ https://otus.pw/mFkI/

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

 inset(100px -50px); 
clip-path: circle(50px at 0 100px);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

👉 @frontendInterview

👉 @frontendInterview

Профессия «Фронтенд-разработчик» на Хекслете включает в себя гораздо больше, чем кажется на первый взгляд. На курсе мы даем даем фундаментальные основы и развиваем алгоритмическое мышление. Несколько сотен практических заданий в онлайн-тренажере – лишь часть обучения. Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров. Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами. Начните прямо сейчас, переходите по ссылке выше. Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации👆👆👆 Оцените формат и решите, стоит ли продолжать! 👻🎁 P.S. не упустите подарки и спецпредложения в честь Черной Пятницы! Подарок на выбор при покупке профессии или вторая программа за полцены.

👉 @frontendInterview

Подработка для веб-разработчиков от 2 часов в неделю! Делайте код ревью на одном из курсов по JavaScript, React, Node.js или других в HTML Academy. Учитесь сами, обучая других: дружное комьюнити, удалёнка, море фана, опыт преподавания и скидки для своих. Приходите в команду: https://tml.io/915r8

👉 @frontendInterview

Хотите получить новый навык в стек или систематизировать существующие знания? У Яндекс Практикума есть курсы по разработке для опытных программистов. На них можно: — освоить Go, C++ и React на продвинутом уровне; — прокачаться от джуна до мидла во фронтенде и бэкенде; — научиться тестировать веб-приложения на Python; — освоить асинхронное программирование на Python; — разобраться в алгоритмах и структурах данных для работы и собеседований; — освоить DevOps для эксплуатации и разработки. На курсах актуальная программа, которая основана на исследованиях рынка труда. А ещё — код-ревью и советы от опытных наставников. Познакомьтесь с профессиями и протестируйте формат бесплатно. А если решите продолжать учиться — до 30 ноября действует скидка 20% от Яндекса к Чёрной пятнице. Скидка действует только при оплате помесячно или в кредит. → Приходите учиться, чтобы расти в карьере.

GRASP паттерны проектирования GRASP (General Responsibility Assignment Software Patterns) — шаблоны проектирования, используемые для решения общих задач по назначению обязанностей классам и объектам. Известно девять GRAPS шаблонов. Эти паттерны не имеют выраженной структуры, четкой области применения и конкретной решаемой проблемы, а лишь представляют собой обобщенные подходы/рекомендации/принципы, используемые при проектировании дизайна системы. Шаблоны включают в себя: - Information Expert (Информационные эксперт) ; - Creator (Создатель) ; - Controller (Контроллер) ; - Low Coupling (Слабая связанность) ; - High Cohesion (Высокая сцепленность) ; - Pure Fabrication (Чистая выдумка или чистое синтезирование) ; - Indirection (Посредник) ; - Protected Variations (Сокрытие реализации или защищенные изменения) ; - Polymorphism (Полиморфизм). 👉 @frontendInterview