Hola Habr! Le presento la traducción del artículo "Una guía práctica para convertirse en un desarrollador frontend senior" de Seifeldin Mahjoub.
La cuarentena puede ser tu punto culminante
Hay varias definiciones para el título 'Senior', y varían de una compañía a otra. Y, por supuesto, requiere muchas habilidades, tanto habilidades duras como habilidades blandas. Chris Coeur escribió un artículo sobre las características y tendencias de comportamiento que debería tener un desarrollador front-end senior, lo que da una buena imagen en general.
En este artículo, cubriremos 13 cosas que puede hacer en el entorno actual, para que cuando todo termine, pueda convertirse en un desarrollador front-end senior.
1. Domina lo básico
Senjor debería sentirse muy cómodo con HTML, JS y CSS. Además, deben estar familiarizados con los conceptos básicos de cómo funciona Internet, incluidos los navegadores, las redes y los servidores.
Esto significa que conceptos como prototipos, ventanas emergentes de eventos, pila de llamadas, promesa, es6 no son palabras vacías para usted. Lo mismo ocurre con CSS, animaciones, sistemas de cuadrícula, convenciones de nombres y especificaciones.
Necesita conocer numerosos conceptos, a continuación puede encontrar algunos recursos sobre los que puede repasar y recuperar el conocimiento que le falta, al menos por ahora. Referencia CSS , Referencia HTML , Fundamentos de Javascript , Manual Frontend .
2. Comience leyendo la documentación.
La mayoría de los desarrolladores son curiosos y quieren ir directamente a escribir código y experimentar con él. Todo esto es bueno y divertido, pero no es la forma más efectiva de dominar un marco o herramientas.
. , , .
, , .
. , , win-win.
3.
CLI, angular-cli create-react-app.
, .
, , , . 'nice-to-have' , , , git .
, , (webpack/parcel), .
4. (style guide)
, , .
Style guide (Best practices), .
, , , vue-eslint-plugin.
— . , , , .
, , , , , DOM .
dev tools console.log debugger.
6.
Vue React . , .
, DOM . DOM DOM-.
, , , .
( Vue), , Vuejs, .
7.
— . .
.
Advance Vuejs Component Patterns
Advanced React Component Patterns .
8.
— .
, , , , , .
, react-hooks, , Vue, Vue-composition API Mixins.
, .
9.
, , .
, , , , .
, flux pattern, event emissions callbacks props.
Vue-.
10. -
, , , , , .
, , , .
unit , snapshot e2e .
.
11.
- , , . , .
, , , .
, . , React, Angular, Vue Stencil, . , .
12.
, , , . , .
, , Jamstack, accessibility, , , service workers, , .
13.
, , . , , .
-, , , , , .
. , . , .
P.S. :
, . , , . .
!