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

2021-03-27 19:06:00 JavaScript на примерах. Практика, практика и только практика

Данная книга - это прекрасное учебное пособие для изучения языка программирования JavaScript на примерах. Изложение ведется последовательно: от написания первой программы, до создания полноценных проектов: интерактивных элементов (типа слайдера, диалоговых окон) интернет-магазина, лендинговой страницы и проч. По ходу даются все необходимые пояснения и комментарии. Открыть/Комментировать

2021-03-26 19:02:03 Как реализовать однократное выполнение компонентом некоторой операции при первоначальном рендеринге в React?

Для этого можно использовать метод жизненного цикла componentDidMount() в классовом компоненте:
class Homepage extends React.Component {
componentDidMount() {
trackPageView('Homepage')
}
render() {
return
}
}
Любые операции, определенные в componentDidMount(), будут выполнены только один раз при монтировании компонента.

Аналогичный функционал можно реализовать с помощью хука useEffect() с пустым массивом зависимостей.
const Homepage = () => {
useEffect(() => {
trackPageView('Homepage')
}, [])

return
} Открыть/Комментировать

2021-03-25 19:05:01 Для чего предназначены методы setTimeout и setInterval?

Мы можем вызвать функцию не в данный момент, а позже, через заданный интервал времени. Это называется «планирование вызова».

Для этого существуют два метода:
setTimeout - позволяет вызвать функцию один раз через определённый интервал времени.
setInterval - позволяет вызывать функцию регулярно, повторяя вызов через определённый интервал времени.

Например, данный код вызывает sayHi() спустя одну секунду:
function sayHi() {
alert('Привет');
}

setTimeout(sayHi, 1000);

Следующий пример выводит сообщение каждые 2 секунды. Через 5 секунд вывод прекращается:
// повторить с интервалом 2 секунды
let timerId = setInterval(() => alert('tick'), 2000);

// остановить вывод через 5 секунд
setTimeout(() => { clearInterval(timerId); alert('stop'); }, 5000); Открыть/Комментировать

2021-03-25 14:00:04 Как устроиться FE разработчиком без опыта?

Устроиться в хорошую компанию в первый раз всегда сложно. Компании ищут людей, которые смогут быстро влиться в проект и обладают минимальным портфолио

Профессия Frontend-разработчик PRO - самый быстрый способ начать зарабатывать и получать опыт

Программа:

Веб-вёрстка
Javascript
React.js или Vue.js на выбор

Дополнительно:

Система контроля версий Git
Английский для IT-специалистов
Photoshop
Figma
и другие важные знания для того чтобы начать

5 дипломных проектов для вашего портфолио:

Лендинг
Сайт
Интернет-магазин
Новостная лента
Сервис заметок

Гарантия трудоустройства

Первые 6 месяцев - бесплатно Открыть/Комментировать

2021-03-24 18:00:01 ​Что такое "бурение пропов" (prop drilling) и как его можно избежать в React?

В React пропы передаются в одном направлении, сверху вниз, от родительского компонента к дочернему, и последовательно. При наличии незначительного количества пропов или потомков - это не является проблемой. Однако, при росте приложения, для того, чтобы передать пропы с верхнего уровня приложения компонентам, находящимся на 3 или 4 уровне вложенности, нам приходится передавать одни и те же пропы на каждом уровне дерева компонентов. Это называется prop-drilling.

Context API
Контекст решает некоторые проблемы, связанные с "бурением". Он позволяет компонентам получать данные на любом уровне без их передачи в виде пропов. Передаваемыми данными может быть что угодно: состояние, функция, объект и т.д. Эти данные доступны любым вложенным компонентам в пределах области видимости контекста.

Пример
import React from "react"
import ReactDOM from "react-dom"

// создаем контекст
const NumberContext = React.createContext()
// он возвращает объект с двумя значениями
// { Provider, Consumer }

function App() {
// используем провайдер для предоставления потомкам
// доступа к данным
return (

)
}

function Display() {
const value = useContext(NumberContext)
return
} Открыть/Комментировать

2021-03-24 14:01:13 Насколько эффективно вы работаете в фреймворках JavaScript? Новый уровень мастерства ждет тех, кто сможет пройти вступительный тест онлайн-курса «JavaScript Developer. Professional» https://otus.pw/rEBY/

Занятия начнутся уже 29 марта. Успейте присоединиться к группе, пока остались места по спец.цене. Открыть/Комментировать