Как можно задать стили только первым двум элементам li?
Anonymous Quiz
3%
li:last-child + li
64%
li:nth-child(-n+2)
32%
li:first-child+li
Что такое «Единый источник истины» (SSOT)?
Единый источник истины (SSOT) — это термин, который обозначает сбор всех бизнес-данных в одном определенном месте. Такой подход предполагает, что сотрудники компании принимают ключевые бизнес-решения, основываясь на одних и тех же данных. Это позволяет избежать бункеров, из-за которых сотрудники могут не знать о важной информации, которая есть в компании. Если ваша компания работает, основываясь на единой версии истины, между сотрудниками не останется никаких тайн, и все будут на одной волне. Хранение данных в централизованном хранилище предотвращает путаницу из-за множества версий истины и одинаковых файлов.
👉 @frontendInterview
Единый источник истины (SSOT) — это термин, который обозначает сбор всех бизнес-данных в одном определенном месте. Такой подход предполагает, что сотрудники компании принимают ключевые бизнес-решения, основываясь на одних и тех же данных. Это позволяет избежать бункеров, из-за которых сотрудники могут не знать о важной информации, которая есть в компании. Если ваша компания работает, основываясь на единой версии истины, между сотрудниками не останется никаких тайн, и все будут на одной волне. Хранение данных в централизованном хранилище предотвращает путаницу из-за множества версий истины и одинаковых файлов.
👉 @frontendInterview
👍1
JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание
В книге последовательно затронуты все аспекты производства JavaScript-кода: от выбора архитектуры и конструирования кода до покрытия модульными тестами, отладки, интеграционного тестирования, сборки и непрерывной поставки вашего кода.
👉 @frontendInterview
В книге последовательно затронуты все аспекты производства JavaScript-кода: от выбора архитектуры и конструирования кода до покрытия модульными тестами, отладки, интеграционного тестирования, сборки и непрерывной поставки вашего кода.
👉 @frontendInterview
Function Cache
Создайте функцию, которая будет кешировать свой результат, в зависимости от входящих аргументов и будет выполнять сложные вычисления только тогда, когда у неё нет закешированного значения.
Примеры:
👉 @frontendInterview
Создайте функцию, которая будет кешировать свой результат, в зависимости от входящих аргументов и будет выполнять сложные вычисления только тогда, когда у неё нет закешированного значения.
Примеры:
var complexFunction = function(arg1, arg2) { /* complex calculation in here */ };
var cachedFunction = cache(complexFunction);
cachedFunction('foo', 'bar');
// complex function should be executed
cachedFunction('foo', 'bar');
// complex function should not be invoked again, instead the cached result should be returned
cachedFunction('foo', 'baz');
// should be executed, because the method wasn't invoked before with these arguments👉 @frontendInterview
Хотите продолжать учиться во фронтенде, но не знаете, куда идти дальше?
Составим индивидуальный план развития вместе с экспертами из крупных продуктовых компаний.
Для осознанного карьерного роста у фронтендера должен быть чёткий план развития навыков.
Но во многих компаниях не дают такие планы. А там, где дают, они направлены на рост внутри одной компании, а не всего рынка в целом.
При этом составить себе план сложно, ведь в разных компаниях требуют разные навыки, а сразу всё изучить невозможно — надо как-то расставлять приоритеты. И ещё есть софт-скиллы, с которыми всё тоже непросто.
Мы решили для вас эту проблему и создали скоринг для комплексной оценки хард- и софт-скиллов, которые востребованы прямо сейчас.
Совместно с крупными продуктовыми компаниями мы провели исследование вакансий и выбрали самые востребованные навыки фронтенд-разработчика — по ним мы и проводим оценку. Для оценки хард-скиллов привлекаем разработчиков — специалистов по узким темам, а для проверки софт-скиллов — психологов, которые работают с фронтендерами.
Оценка состоит из трёх этапов:
— автоматизированный технической скоринг — тест для проверки 56 групп навыков;
— техническое собеседование с экспертами из «Яндекса», «Связного», PandaDoc и других компаний;
— психологическое интервью для оценки софт-скиллов по авторской методике, проверенной на 150 разработчиках.
По результатам оценки вы получаете индивидуальный план развития с персональными рекомендациями от экспертов.
Начать оценку, чтобы получить план и начать осознанно развиваться, можно уже сейчас — по ссылке. До 1 сентября оценку можно пройти по специальной цене.
Составим индивидуальный план развития вместе с экспертами из крупных продуктовых компаний.
Для осознанного карьерного роста у фронтендера должен быть чёткий план развития навыков.
Но во многих компаниях не дают такие планы. А там, где дают, они направлены на рост внутри одной компании, а не всего рынка в целом.
При этом составить себе план сложно, ведь в разных компаниях требуют разные навыки, а сразу всё изучить невозможно — надо как-то расставлять приоритеты. И ещё есть софт-скиллы, с которыми всё тоже непросто.
Мы решили для вас эту проблему и создали скоринг для комплексной оценки хард- и софт-скиллов, которые востребованы прямо сейчас.
Совместно с крупными продуктовыми компаниями мы провели исследование вакансий и выбрали самые востребованные навыки фронтенд-разработчика — по ним мы и проводим оценку. Для оценки хард-скиллов привлекаем разработчиков — специалистов по узким темам, а для проверки софт-скиллов — психологов, которые работают с фронтендерами.
Оценка состоит из трёх этапов:
— автоматизированный технической скоринг — тест для проверки 56 групп навыков;
— техническое собеседование с экспертами из «Яндекса», «Связного», PandaDoc и других компаний;
— психологическое интервью для оценки софт-скиллов по авторской методике, проверенной на 150 разработчиках.
По результатам оценки вы получаете индивидуальный план развития с персональными рекомендациями от экспертов.
Начать оценку, чтобы получить план и начать осознанно развиваться, можно уже сейчас — по ссылке. До 1 сентября оценку можно пройти по специальной цене.
❤1👍1
Что такое WebSocket? В чем принцип его работы?
WebSocket (веб-сокеты) — независимый веб-протокол, который позволяет создавать интерактивное соединение между сервером и клиентом (браузером) и обмениваться сообщениями в реальном времени. В отличие от HTTP, веб-сокеты позволяют работать с двунаправленным потоком данных, поэтому технология является уникальной.
👉 @frontendInterview
WebSocket (веб-сокеты) — независимый веб-протокол, который позволяет создавать интерактивное соединение между сервером и клиентом (браузером) и обмениваться сообщениями в реальном времени. В отличие от HTTP, веб-сокеты позволяют работать с двунаправленным потоком данных, поэтому технология является уникальной.
👉 @frontendInterview
Что такое Service Workers?
Говоря простыми словами, это сценарий, который запускается браузером в фоновом режиме. Он никак не связан с веб-страницей или DOM и предоставляет функции “из коробки”, такие как обработка сетевых запросов, push-уведомления и фоновая синхронизация. Service workers обеспечивают возможность работы offline.
Service worker — посредник между клиентом и сервером, пропускающий через себя все запросы к серверу. С его помощью можно перехватывать все запросы “на лету”.
👉 @frontendInterview
Говоря простыми словами, это сценарий, который запускается браузером в фоновом режиме. Он никак не связан с веб-страницей или DOM и предоставляет функции “из коробки”, такие как обработка сетевых запросов, push-уведомления и фоновая синхронизация. Service workers обеспечивают возможность работы offline.
Service worker — посредник между клиентом и сервером, пропускающий через себя все запросы к серверу. С его помощью можно перехватывать все запросы “на лету”.
👉 @frontendInterview
Что такое делегирование событий (Event Delegation)?
Делегирование событий является полезным шаблоном, так как позволяет отслеживать события на множестве элементов с помощью только одного обработчика.
Для работы делегирования событий нужно 3 шага:
1. Определить родителя элементов для отслеживания событий
2. Прикрепить на него обработчик событий
3. Использовать
👉 @frontendInterview
Делегирование событий является полезным шаблоном, так как позволяет отслеживать события на множестве элементов с помощью только одного обработчика.
Для работы делегирования событий нужно 3 шага:
1. Определить родителя элементов для отслеживания событий
2. Прикрепить на него обработчик событий
3. Использовать
event.target для выбора целевого элемента👉 @frontendInterview
Веб-дизайн для начинающих. HTML, CSS, jаvanoscript и веб-графика
Книга поможет освоить веб-дизайн, не имея опыта. На практических примерах показано, как создать простой сайт и постепенно его совершенствовать. Рассказано о создании веб-страниц, содержащих текст, ссылки, изображения, таблицы и формы. Описано применение CSS для создания и выбора цвета, фона, форматирования текста, макетирования страниц и выполнения простой анимации. Даны основы JS и подчеркнута его важность в веб-дизайне. Описано создание, оптимизация и сокращение времени загрузки веб-изображений.
👉 @frontendInterview
Книга поможет освоить веб-дизайн, не имея опыта. На практических примерах показано, как создать простой сайт и постепенно его совершенствовать. Рассказано о создании веб-страниц, содержащих текст, ссылки, изображения, таблицы и формы. Описано применение CSS для создания и выбора цвета, фона, форматирования текста, макетирования страниц и выполнения простой анимации. Даны основы JS и подчеркнута его важность в веб-дизайне. Описано создание, оптимизация и сокращение времени загрузки веб-изображений.
👉 @frontendInterview
❤1
Detect Pangram
Панграмма — короткий текст, использующий все буквы алфавита.
Создайте функцию, которая проверит, является ли строка панграммой.
Пример:
В предложении "The quick brown fox jumps over the lazy dog" есть все буквы от A до Z.
👉 @frontendInterview
Панграмма — короткий текст, использующий все буквы алфавита.
Создайте функцию, которая проверит, является ли строка панграммой.
Пример:
В предложении "The quick brown fox jumps over the lazy dog" есть все буквы от A до Z.
👉 @frontendInterview