Как оценить уровень javascript

Какой уровень JavaScript необходим для начала изучения фреймворка?

Какие основы JavaScript должен знать новичок, прежде чем приступить к изучению React.js или других фреймворков и библиотек JavaScript?

Если у вас уже есть опыт в программировании на другом языке, то основы JavaScript вы изучите за неделю. Есть разные тонкости, которые знать желательно, но для начала работы с фреймворками не обязательно. Реакт можно освоить за следующую неделю, но это опять же при условии что вы в принципе знаете, что такое UI-фреймворки, для чего они нужны, и как с ними работать. Учитывая тонкости, перейти в фронтенд где-то на уровне миддла можно за несколько месяцев.

Это если вы уже умеете программировать. Если же всё это изучается с нуля, то кроме изучения JavaScript и фреймворков нужно будет учиться программированию. Это отдельный навык, который наработать сложнее и дольше, чем изучить ЯП или фреймворк. Для получения его на уровне джуна может потребоваться полгода-год при хороших вложениях сил и мотивации, или год-полтора в среднем темпе. При таких масштабах трудозатраты на изучение конкретно реакта становятся уже не так важны.

Чтобы узнать, достаточен ли уровень понимания JavaScript для изучения Реакта, я бы советовал посмотреть примеры кода из официальной документации к фреймворку. Вот один из таких примеров (я специально выбрал посложнее, обычно они там проще и короче):

Если в целом код вам понятен — вы узнаёте конструкции языка, знаете как работают this, bind() и т.п. — значит уровень понимания JavaScript достаточен. Если что-то в коде непонятно, вы можете задавать вопросы в нашем сообществе на Кью или в группе телеграм. Главное не сдаваться и шаг за шагом двигаться вперёд. Успехов вам!

Источник

Проверка уровня знания javascript. Какие ресурсы?

Войдите, чтобы написать ответ

Как при выходе из личного кабинета обнулить пользователя в функции useSWR?

Как быстро выгружать на сайт фотографии с большим весом?

Почему на моем сайте при проверке lighthouse сильно падает число в производительности?

Почему не работает функция вызванная в addEventListener?

Как сортировать объект в алфавитном порядке в js?

Почему при прокрутки в низ прокручивается до конца страницы?

Почему добавление в цикле работает через insertAdjacentHTML, но не работает через append?

Я делаю видео плеер с помощью video.js. Каким из способов лучше создать свой дизайн интерфейса?

Как передать акцесс токен на вдругую вкладку?

React Native не открывает вкладку браузера, как исправить?

Минуточку внимания

• Как хешировать в хеш таблице узлы дерева?
  • 2 подписчика
  • 1 ответ
  • 2 подписчика
  • 0 ответов
  • 5 подписчиков
  • 6 ответов
  • 3 подписчика
  • 1 ответ
  • 2 подписчика
  • 1 ответ
  • 2 подписчика
  • 1 ответ
  • 2 подписчика
  • 1 ответ
  • 2 подписчика
  • 2 ответа
  • 2 подписчика
  • 4 ответа
  • 2 подписчика
  • 3 ответа

  Источник

  Русские Блоги

  

  • Автор: Чен большая голова • github： KRISACHAN [1]

  Предисловие

  Когда я раньше чистил Жиху, я увидел такой вопрос: » Как измерить уровень JavaScript человека? [2] «Тогда я беззастенчиво ответил на этот вопрос. Вот мой ответ:

  

  Исходный текст выглядит следующим образом:

  О: Это зависит от того, пишет ли человек код в соответствии со стандартом, является ли код надежным, расширяемым, легко читаемым и разумен ли дизайн API.

  Они накапливаются годами и не зависят от языков программирования.

  Намного более ценно, чем запоминание рукописных переплетов, прототипов цепочек и замыканий.

  Это ключевой момент для подтверждения вашего уровня кода.

  В: Как быстро судить во время интервью?

  О: Пусть интервьюер разработает компонент, просто ответьте, не записывая. Ответ от дизайна API, написания документов, структуры проекта, модульного тестирования, режима написания, оптимизации производительности и т. Д.

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

  личное заявление

  Прежде всего, вот отказ от ответственности. Все приведенные выше ответы являются личным опытом и мнениями. Ответы определенно не уникальны или даже не все верны, поэтому, пожалуйста, будьте осторожны.

  Выше был задан вопрос, как быстро определить, является ли другая сторона продвинутым интерфейсом во время интервью. Почему я говорю, что это «компонент дизайна»?

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

  Что касается общих бизнес-задач, я считаю, что как разработчик, проработавший в отрасли определенный период времени, это не проблема, независимо от уровня, но о том, как отличить уровень разработчика, можно судить по код он написал, конечно не полностью, ведь в 996 году или в спешке его легко написать, чтобы доделать продукт быстро.В этом случае качество кода и личный уровень могут не отразиться.

  Ниже мы создадим «Кнопка ( ) Компоненты«В качестве примера, чтобы изучить эту проблему.

  Прежде всего»Кнопка ( ）«Знаем ли мы, какую роль это играет? Это декоративный компонент или функциональный компонент?

  Вопрос простой, кнопка ( ) »- это функциональный компонент, который позволяет пользователям выполнять действия и делать выбор, щелкая или касаясь.

  Сцены

  Затем кнопку «( ) «Где его обычно размещают? Опытные разработчики могут подумать о следующих сценариях:

  • Чат • Модальное окно • Форма • карта • панель инструментов

  Статус представителя может быть следующим:

  • Состояние по умолчанию • Начальное состояние • Информационный статус • Состояние предупреждения • Опасное состояние

  Могут быть следующие формы:

  • Сплошная кнопка • Текстовая кнопка • Кнопка хода • Значок кнопки • Круглая кнопка • Кнопка под прямым углом

  Размер может быть следующим:

  Работоспособность может быть следующей:

  • Введите ключ нажмите • Щелчок мышью • Сенсорный щелчок • Запретить клик

  Может быть два типа событий:

  • событие щелчка • Введите событие нажатия клавиши • коснитесь события

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

  API

  В процессе разработки API с помощью описанных выше сценариев мы можем предоставить следующий API

  • тип: состояние кнопки • size: размер кнопки • цвет: цвет кнопки • текст: текст внутри кнопки • icon: значок внутри кнопки • htmlType: атрибут типа, поддерживаемый встроенной кнопкой • attrs: другие собственные атрибуты • вариант: форма кнопки • щелчок: событие щелчка мыши • касание: событие касания сенсорного экрана • keydown: введите событие нажатия клавиши

  Написать основную логику

  После того, как наш API спроектирован, мы можем приступить к разработке.В настоящее время, в зависимости от типа нашего проекта, выбранных инструментов и режимов разработки, он может быть другим.

  Пишем ли мы самостоятельно или пишем прямо в проекте? Если мы пишем самостоятельно, какой инструмент упаковки выбрать, это gulp все еще webpack Или что-то еще, почему вы выбрали это?

  Например, если мы пишем в TS, нам может потребоваться написать Button.d.ts , Если это компонент vue, мы должны учитывать Vue.use Внедрен во Vue, который Button.install(vue) , Если это реакция, мы должны решить, использовать ли React.forwardRef Ссылка вперед.

  Затем идет наша спецификация кода: использовать ли функцию или класс, как абстрагироваться от общего блока кода, как и каково соглашение об именах, какие атрибуты требуются, какие атрибуты являются необязательными и каковы значения по умолчанию? Как мы об этом думаем?

  Таким образом, окончательное использование компонента может быть в такой форме:

  import Button from './componenet/Button' Добавить 

  модульный тест

  В нашем процессе разработки проблемным, но незаменимым процессом является модульное тестирование. Как выбрать библиотеку для модульного тестирования в настоящее время? использовать Jest все еще Mocha ? Как писать тестовые примеры? Как имитировать клики или асинхронные ответы? Вам нужны снимки? Это также находится в нашей компетенции.

  Итак, наш тестовый сценарий может выглядеть так:

  import Button from './componenet/Button' import < shallow >from 'enzyme' describe('', () => < it('render success', () => < const wrapper = shallow(( Добавить )) ожидать (wrapper.text ('добавить')). to.equal (истина) >) >) 

  разное

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

  подводить итоги

  Это то, что мы разрабатываем «Кнопка ( ) Компоненты«Некоторые моменты, которые могут быть рассмотрены, когда вы не совершенны, но я хочу сказать, что это действительно может быть хорошей мерой уровня JavaScript человека. Например, вы напишете схемы цепочек прототипов, замыкания и защиты. Базовый такие концепции, как встряхивание, дросселирование и т. д., но если они не используются в проекте, они в конечном итоге будут на бумаге и не окажут существенной помощи на техническом уровне. Конечно, это не то, чтобы разбираться в этом содержании нехорошо, но по сравнению с реальным боем все равно неудовлетворительно.

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

  Эта статья кажется немного неправильной, изначально она была о «Как измерить уровень JavaScript человека«, результат намного лучше. Но так вы действительно можете судить об уровне кода человека, конечно, это не только JS, это также применимо к Android и IOS.

  Я не знаю, как вы измеряете уровень JavaScript? Добро пожаловать, чтобы отвечать и взаимодействовать в области сообщений.

  От себя рекомендовать читать читать

  

  

  Если вы считаете, что статья хорошая, пожалуйста, помогите мне ее прочитать

  Источник