TLDR; Эта статья посвящена моим недавнему переходу на роль старшего SE, мой опыт и изучение того перехода, которым я делюсь, чтобы это могло прийти в помощь кому -то, кто ищет его.
Акшай Сайни Вы, должно быть, слышали о нем. Если нет, короткое вступление: он является создателем Namaste JavaScript . Теперь вы вспомнили? Нет? Затем идите и посмотрите хотя бы одно видео из серии. Я уверен, вы никогда его не забудете. Он упростил самую сложную внутреннюю архитектуру JavaScript и подал на тарелке, чтобы мы могли потреблять.
В любом случае, 21 день Вернувшись, он вдохновил нас использовать и сделать из этого максимум больше всего, и начать новый год заново. Итак, я решил ежедневно решать хотя бы одну проблему на LeetCode и читать серию книг «Вы не знаете JS». Но все не всегда идет по планированию, ко мне обратились несколько рекрутеров на LinkedIn в отношении возможности работы, и я подумал, почему я не пытаюсь использовать эти 21 день, чтобы получить Хорошее предложение о работе .
Итак, я был, мое быстрое вступление : Я средний разработчик стека с 1,5 года. профессионального опыта и всего 2,5 года. опыта, включая стажировку и фриланс. Я в Любовь с JavaScript Экосистема, так Я продолжаю изучать различные рамки и библиотеки в этом постоянно расширяющемся мире JavaScript.
Q: Я получил хорошее предложение о работе? A: Да. Не только хорошее предложение Но теперь я собираюсь быть Старший SE с Массивный поход Анкет
Q: Как я это сделал, хотя я не очень хорош в конкурентном кодировании? A: Я не так хорош в конкурентном кодировании Но я хорошо построил модульные, масштабируемые веб -приложения с хорошими стандартами кодирования, охватывающими модульные тестирование и надлежащую документацию того же самого, поэтому я сосредотачиваюсь в основном на этом и всегда стараюсь улучшить свои навыки.
Я хотел бы сломать свой переход, становясь старшим SE в нескольких модулях:
ТЯЖЕЛАЯ РАБОТА:
У большинства из нас в почтовом офисе есть менталитет, который мы делали на день, а затем мы просто расслабляемся или переправляем Netflix Но я выбрал другой подход и попытался инвестировать не менее 2 часов. ежедневно на разработке навыков. Кроме того, если я путешествую, я читал статьи JS или, если у меня есть 5–10 минут перед отъездом, я смотрю небольшие сообщения об учетных записях в Instagram для Ex: Намастедевс учетная запись
ТЕРПЕНИЕ:
Имейте терпение, поверьте в себя, потому что рано или поздно все будет хорошо. Не получайте де-мотивированные, ваше время придет просто продолжать работать. Я знаю, что это легко сказать, но практически жить, это сложно. Но у нас нет выбора, мы должны продолжать двигаться и пытаться, если хотим получить хорошие вещи из жизни.
Стратегия подготовки:
Хотя мне удалось получить 3 предложения За эти 21 день. Но для этого я готовился с самого начала. Ежедневно немного. Моя стратегия подготовки была проста, и я позаботился о том, чтобы сделать ее эффективной, я сначала перечислил все возможные темы моего набора навыков, а затем я создал для каждой темы и начал пересекать каждую тему одну за другой, как только я был уверен в том же, также делающем несколько грубых заметок ( Я организую его в настоящее время и скоро загружен на GitHub ).
Пожалуйста, найдите ниже важные темы моего набора навыков, которые я перечислил:
Html : Что такое html, что нового в HTML5, объясните объявление Doctype, семантические элементы в HTML и его преимущество, обычно используемые теги, теги рисунка, набор поля, атрибут SRCSET, индекс вкладок, элементы уровня и блока, мета -теги, iframe & Object Теги, веб -работники, графика – SVG & Canvas, режим Quirks в HTML5, HTML5 Web API, карта изображений, шатер, аудио, видео, геокод, даталист по форме, постоянное локальное хранилище, микродаты, Keygen, разница – Semantic Vs. Неэмантический, кэш приложения в HTML5, Manifest File и другие. CSS : Что такое CSS, модель коробок, селекторы CSS, псевдокласс и псевдоэлемент, как работает CSS (под капотом браузера), разница между относительной, фиксированной, абсолютной и статической, специфичностью CSS, целью очистки Floats, Media Query, CSS для печати, селектор, который будет соответствовать любым ссылкам End/START/SUTS, FLEXBOX, CSS GRID, RESET CSS, нормализуйте CSS, SASS или меньше и или или стилус,! Важно, концепция подтягивания, любая структура CSS и другие .. JavaScript : Что такое JavaScript, стек вызовов, примитивные типы, типы значений и типы ссылок, объем функций, контекст выполнения, область сбора блоков и лексическая область, IFE, модули, пространства имен, DOM и деревья макетов, это, применить и связывать, прототип наследство и Цепочка прототипа, объект создать и назначить, функции массива JS, чистые/нечистые функции, закрытие, функции высокого порядка, обещания, обратный вызов, асинхро очереди, подъем, полифилл, карриинг, дебютирование, асинхронизация против отсрочки, пузырьки и захват событий, прототип и прототипическое наследство, прототипы объектов, дроссельная, рекурсия, локальное хранилище против сеанса, CORS, API веб -хранилища, петля событий, веб -розетки, » Используйте строгое «, eval, abel, пройти через ссылку, пройти по значению, ES6+ Ex: оператор распространения, оператор отдыха, разрушение, функция стрелки, строка шаблона и т. Д., Для цикла (от-все ), Ajax и другие .. Угловой : Что такое угловой, базовый типовой, угловая версия изменения, особенности угловой, угловой клики, преимущество и недостаток углового, как угловая работа, плющ, JIT & AOT в угловых и его преимуществе и недостатке, каковы строительные блоки угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых, угловых. Компоненты, что такое привязка данных, интерполяция строки, связывание свойств, привязка событий, двустороннее привязка, совместное использование данных между компонентами, инкапсуляцию просмотра, просмотр ребенка, директива и его тип с примером, пользовательской директивой, труба, пользовательской трубы, чистой трубы и нечистых Труба, асинхронная труба, цепочка труб, архитектура MVC, архитектура MVP, угловая маршрутизация, ленивая нагрузка, загрузки, угловые услуги, инъекция зависимостей, жизненный цикл, NG-контент, компоненты против директив, модули, декораторы, интернационализация, NG-контент против Div , Angular на стороне сервера, архитектура MVVM, Auth Guard, Interceptor, RXJS и его наиболее используемые операторы, обещание против наблюдаемого, холодного наблюдаемого против горячих наблюдаемых, Ngclass & ngstyle, угловые элементы, разница между »DEC. LARATION »,« поставщики »и« импорт »в NGModule, форма-реактивный и управляемый шаблонами, динамическая форма, транспортировка, связанные с единицей концепции и другие .. Реагировать : Что такое React, преимущества React, архитектура компонентов, иерархия, связь между компонентами, состоянием и репутациями, проверка реквизитов, SPA (простое приложение Page) против MPA (многостраничное приложение), функциональные и классные компоненты, контролируемые компоненты, чистые Компонент Как работает React & Virtual DOM, компонент высшего порядка, JSX, методы жизненного цикла, метод рендеринга, конструктор, крючки и индивидуальные крючки, маршрутизация и ленивая загрузка, что такое бурение и как его избежать? Управление государством (в основном вопросы REDUX задают, но есть другие библиотеки, такие как MOBX), реагируют элементы клона, строгий режим в React, синтетические события и другие. Vue : Что такое vue.js, преимущества Vue.js, архитектура компонентов, шаблоны, экземпляры в vue.js, методы жизненного цикла, вычисленное свойство, наблюдатель, привязки, события, пользовательские события и корневые события, рендеринг и функция рендеринга, переходы & анимация, директивы, ссылки, маршрутизация и ленивая нагрузка, микшины, слоты, названные слоты, слоты сферой, фильтры в VUE, Management Management (VEUEX), реактивные интерфейсы, Vue Loader, плагины и другие .. Nodejs : Что такое node.js, если node.js однопоточный Первый обратный вызов, излучение событий, среда узлов, высвобождение узлов LTS, шаблон реактора в узле, функции, связанные с временем/выполнением (settimeout/cleartimeout, интервал setInterval/clear, setImmediate/clear nextiate, process.nexttick), где используется узел, асинхронный & Синхронно, не блокирующее «в node.js, repl, npm, семантическая версия, дочерний процесс, вилка и спаун, потоки в узле, модуль FS, модуль HTTP, модуль Zlib, модуль потока, модуль UTIL, v8, двигатель Event- управляемое программирование, package.json, создайте простой сервер в node.js, цель экспорта модулей, класс буфера, различные типы HTTP -запросов, Plat VS Patch, кластер, слушатели событий, архитектура микросервиса, очередь сообщений и трассиров Крипто, механизм безопасности и другие .. Экспресс : Что является Express, функции Express JS, шаги, используемые для настройки приложения Express JS, аргументы, доступные для экспресс-обработчика JS-маршрута, использование Next in Express JS, промежуточное программное обеспечение в Express.js, типы промежуточного программного обеспечения, шаблонный двигатель, Серверная визуализация, обработка ошибок и другие .. Mongodb и МАНГУСТА : Что такое mongodb, json vs bson, типы данных, поддерживаемые Mongo, лучшие функции Mongodb, разница между SQL или NoSQL, _id поле в MongoDB, создание или выберите базу данных, сбор в Mongo, операция CRUD в Mongo, upsert, write, напишите Озабоченность, двигатель хранения, набор реплик, журнал, профилировщик, концепция иностранного ключа в монго, шарнинг, сетки, обновление _id одного документа MongoDB, немедленно делает обновление на диск, набор реплик, транзакции/блокировка в Mongodb, Acidc. Свойство, пространство имен, горизонтальное масштабирование и вертикальное масштабирование, агрегация MongoDB, индексы в MongoDB, тип индекса, покрытый запрос, переименование ключей документа, моделей и схемы в монгузе.
Как только я закончу, перечисляю темы, я начинаю читать все эти темы в Интернете на YouTube или Mediue или Dev или в самой документации. Я всегда уверен, что понимаю темы таким образом, что я могу объяснить кому-либо вместе со многими сценариями и реальными примерами.
Q: А как насчет DSA? A: Никто не может избежать DSA даже в интервью на переднем крае. Как сказал Акшай во многих его видео, вы должны знать об основном DSA и его реализации. Итак, я позаботился о том, чтобы узнать большинство тем DSA и его реализации в JavaScript.
Этот курс Udemy стал очень удобным и повысил мою уверенность. Алгоритмы JavaScript и структуры данных MasterClass
Держись, еще несколько очков:
Советы, чтобы выделиться
Найдите хорошего друга
Друг, чей набор совпадает с вашим. Как всегда говорит Акшай, найди свой Симран Анкет Это очень важно, потому что он застегивает процесс, и вы оба узнаете так много вещей за меньшее время. В моем случае мой наставник/Симран/друг Михир Анкет Мы сотрудничаем и работаем вместе на боковых вещах вместе с нашим собственным приключением, которое является Открытые разработки Организация GitHub, которую мы создали, чтобы создать прохладные проекты с открытым исходным кодом и преподавать то, что мы узнали за эти годы.
Работать над побочными проектами
Это всегда помогает, так как он позволяет вам реализовать концепцию, которую вы научились теоретически, и, что самое важное, если у вас есть хорошие проекты, то вам есть о чем поговорить, и интервьюеру будет о чем спросить из проекта, в котором вы мастер.
Всегда продолжайте учиться
Нет конца обучению, вы всегда должны продолжать учиться и практиковать.
Несколько недавних интервью JS Вопросы:
· Закрытие с примером; Преимущество и недостаток?
· SetInterval, settimeout с примером и как сломать SetInterval; Преимущество и недостаток;
· HTML5 Web API; Локальное хранение против сеанса хранения
· IIFE и анонимная функция;
· Служные работники
· Вывод фрагмента кода и их объяснение и многое другое ..
Несколько ресурсов:
· Алгоритмы JavaScript и структуры данных MasterClass
· Руководство для начинающих по монгодбу Агрегация
· Вопросы и ответы на собеседование MongoDB
Отлично, вы достигли дна. Если вы разработчик JavaScript, то добавьте это в закладки, потому что эти темы будут очень полезны в вашем следующем интервью.
P.S: Спасибо Михир & Рави Для доказательства чтения и добавления большей ценности к этой статье. Пожалуйста, дайте хлопок, если это полезно СДЕЛАНО
Оригинал: “https://dev.to/alok722/story-of-transition-to-the-senior-se-role-5”