Что и сжимается в старшей позиции FE

Технологические навыки: какие и хищные в старшей позиции FE

Привет Developer Pal!, Рад видеть вас здесь.

Большую часть времени мы слышали, что некоторые знания – Требуется На определенную позицию обычно мы слышали Что требуется, но как насчет Почему Требуется ли это?. В этом посте я поделюсь своими мыслями по причинам, по которым некоторые технологии навыки являются обязательными, когда это выступает за Frontend Старшая позиция Я оставлю в сторону должен HTML , CSS , Гит (или некоторые другие инструменты управления версией).

Покажи мне темы

Темы, которые должны быть сосредоточены на том, являются:

1. Языки программирования и веб-каркасы
2. CSS Frameworks & Preprocessors
3. Дизайн системы
4. Тестирование/отладки
5. DevOps/Автоматизация
6. Государственные менеджеры
7. SPA/SSR/SSG
8. Отдых/график
9. Процесс сборки: под капотом

Отказ от ответственности : Этот пост происходит от моего собственного опыта и того, что я видел до сих пор в этом районе, не говоря уже, что это лучший способ пойти, ни худший, любой вклад более чем приветствуется в потоках ниже!

Языки программирования и веб-каркасы

Хотите знать Что Чтобы узнать в этом 2021 году?, посмотрите:

Источник: Самые популярные языки 2021

Как ve dev, имея JavaScript или Python Должен это обязательные языки во всем мире.

Почему Должны ли вы учиться либо или оба из них? Поскольку они являются основным для основных веб-каркасов, наверняка, что вы слышали об этом:

• Угловой
• Django
• Реагировать
• Колбы
• Вариант

Список веб-фреймворков вышеупомянутых, построен сверху, JavaScript или Python Отказ Наличие надежной базы поможет вам понять, как решать препятствие, или, по крайней мере, даст вам Swch, также позволит вам проще перейти от одной структуры в другой.

CSS Frameworks & Preprocessors

Что Могу ли я найти, когда начать в новом проекте?

• CSS Frameworks:
  • Загрузка
  • Привередливый
  • Материализировать
• Препроцессоры CSS:
  • Сасс
  • Меньше

Ницца!, Вся тяжелая подъем, связанная с стайлингом, готовым к использованию!

Почему Должен ли я заботиться, когда это только Plug & Play?

Ну, потому что вам нужно знать маленькие хаки, которые могут пощадить какое-то драгоценное время для вас и вашей команды!; Например, как объявить Переменная , а Мистин , соответствующий точки останова даже добавляя СМИ Запрос немного меняется в зависимости от структуры. Кроме того, вам нужно знать ваш препроцессор для избежания дублирования классы , как подать заявку Специфика (справа), писать меньше и получить больше.

Дизайн системы

Что это система дизайна?, ну, как я выставил в Предыдущий пост Это сходящаяся точка для разных областей, которая имеет 3 фундаментальных целя:

1. Ui/ux не повторяется
2. WebDev имеет один и только один источник правды
3. QA может эвакуировать вопросы самостоятельно

Источник: мой VUE-опыт после 3 проектов в 1,5 года

Почему Должен ли я удаленно заботиться о других областях, таких как Ui/ux ?

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

Разве не было бы лучше начать свежим с некоторыми знаниями, чем без знаний вообще? Хорошо, вы должны заботиться об этом моменте, так как легче поговорить с UI/UX. Лицо, отвечающее за определение системы проектирования, когда оба понимают, что происходит, плюсы и минусы, разные подходы, изменения, обсуждения и соглашения проще, когда обе области находятся на одной странице.

Совет : Среди лучших инструментов для достижения этой синхронизации IS Статья книги Если вы еще не знакомы, вы можете попробовать, спасибо мне позже.

Тестирование/отладки

Что Являются ли инструменты тестирования подразделений, с которым вы более знакомы?, позвольте мне догадываться:

• Моча
• Чай
• Шума
• Карма
• Жасмин

Почему Все его шумиха с тестированием подразделения, когда вы знаете, что вы сделали это правильно?

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

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

Совет Может быть, вы хотели бы взглянуть на Хаски Этот маленький парень имеет несколько потрясающих функций, например, вы можете установить правила для написания коммитов, которые у вас есть исторический, а также вы можете запустить все тесты, прежде чем совершить, когда все тесты успеха это позволяет дополнять, в противном случае он не совершает Отказ

DevOps/Автоматизация

Что некоторые из обязанностей Дежол и Автоматизация Люди в вашем проекте?

• Ответственный CI/CD
• Создать условия
• Проверьте статусы труб и рабочих мест
• Запустите автоматику рядом с работой
• Создайте, проверьте, исправить и исправить тестовые люксы

Почему Важно ли знать об этих процессах, когда есть ответственный за него лицо?

Потому что иногда DevOps, Automation и Dev одинаковы, это плохая практика (с моей точки зрения), но как вы могли быть уверены, что это не будет с тобой рано или поздно? , если так, вы лучше поднимаетесь флагом, но в другое время вы можете разблокировать свою собственную команду, позвольте мне уточнить.

Девоприимства и тестеры автоматизации – это люди, которые также могут иметь людей, эти люди могут иметь PTOS, больные дни, встречи, доклады, по отношению к любому количеству причин можно без работы, в случае проблем, что бы это произошло?, Это ваша команда в порядке с Факт, чтобы подождать от 1 до нескольких дней до того, как исправление сделано в трубах или выпусках?, зная о деформациях и процессах автоматизации может помочь разблокировать не только вашу команду, а также другие (в случае, если вы получите разрешения, в противном случае вы есть свободное время, чтобы прочитать книгу или принимать пару курсов)

Совет : Есть много платформ для работы и понимания CI/CD. , вы можете проверить, например Гитаки , Travisci С Circleci Перед прыжками на Azure , AWS или Jenkins.

Государственные менеджеры

Что Эти либусы, узоры или пакеты, о которых вы слышали?

• Redux.
• RXJS.
• Реагирование/redux.
• Ngrx.
• Vuex.

Почему Должен ли я знать любой из тех, когда доступны HTTP, Services и локальное хранилище?

Что ж, потому что иногда вы не будете обращаться с небольшими приложениями/сайтами, когда начнем клиентский проект или даже один на свой собственный, имейте в виду всегда масштабируемость проекта; Местное хранилище и его производные являются вариантом, но государственный менеджер для спа-салона может быть лучшим вариантом. Добавление новых функций включает добавление новых посетителей, GetTers, Actions, услуг, взаимодействующих друг другу, конечной целью состоит в том, чтобы поддержать состояние государства до тех пор, пока у пользователя есть сеанс, ударил БД как можно меньше и отображать необходимую информацию самым быстрым способом.

SPA, SSR, SSG

Почему Должен ли я знать что-то другое, чем SPA? Что Могут ли они преподаваться своему опыту?

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

Не всем нужны Спа Может, может быть, клиент нуждается в определенной функции для проведения поста в блоге, или вики, которая меняется время от времени, или вообще меняется, либо вообще меняется, не будет лучше Статический сайт ?, может быть, а Сервер боковой генератор Работа с лучшей производительностью, GATSBY ?, Vuepress. ? Это действительные варианты!

Или еще лучше, пользователи должны взаимодействовать со страницей, и нуждается в лучшем SEO позиционирование, Как насчет Сервер бокового рендеринга ?, Nuxt или Следующий Может быть лучший подход (да, у нас всегда будет WordPress. , вам решать)!

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

Отдых, график

Почему отдыхает всегда на столе?, Что Это тенденция для Graphql, когда я уже освоил отдых?

Единственная константа – это изменение, даже более в технологии; Несколько лет назад было что-то называемое Мыло Наиболее используемый способ взаимодействовать с HTTP-запросом/ответами в XML формат; Позже у нас было (и все еще есть) Отдых какое-то время висит, дни взаимодействия с XMLS закончились (для большинства оттуда), много услуг полагаются на отдых сейчас; Graphql Является ли новый член семьи, хотя это не протокальный, вместо этого языка запроса делает очиститель взаимодействия API, легко учиться и использовать, и имеет много поддержки, поэтому лучше начать учиться сейчас!

Процесс сборки: Под капотом

Почему Если вы знаете, что происходит в закурке?, недостаточно знать Что это шаги, чтобы следовать?

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

Вывод

Как показано выше, существует своего рода разрыв между что требуется для бытия/выбора для старшей позиции и Почему требуется; Это не тот факт, чтобы быть экспертом во всех областях, но чтение и практика немного поможет вам оструировать навыки, и когда придет время, становится легче вписаться в проект!

Спасибо за чтение!

Оригинал: “https://dev.to/crisarji/the-whats-whys-in-a-fe-senior-position-1kp7”