My project
  • e-books (current)
  • VSC
  • Comandos
    Terminal Git & Github
  • Frontend
    HTML5 CSS3 SASS Bootstrap 4 JS PUG JS Jquery TypeScript React Angular
  • Backend
    NODE JS Express JS PHP C Wordpress SQL
  • Tools
    NPM Webpack Babeljs Pug JS Pug JS
  • Temas varios
    Jobs International Events SEO UX/UI Marketing Design Business Cool Frontend Pages Canada

  • Hablame acerca de ti mismo
  • Hablame acerca de tus hobbies
  • Hablame acerca de tu día en el trabajo
  • Hablame acerca de las tecnologías que has usado
  • ¿Cuanto tiempo llevas trabajando con React?
  • ¿Que beneficios tienes en tu actual empleo?
  • ¿Qué es el modelo de cajas? Es un módulo CSS que define cajas rectangulares, incluyendo sus rellenos y márgenes, que son generadas para los elementos y que se disponen de acuerdo al modelo de formato visual. Nos permite establecer el diseño de nuestro sitio web
  • ¿Qué es BEM? es una metodología que le ayuda a crear componentes reutilizables y compartir código en el desarrollo front-end. Hace que su código de front-end sea más fácil de leer y comprender, más fácil de trabajar, más fácil de escalar, sólido, explícito, y mucho más estricto. Garantiza que todos los que participan en el desarrollo de un sitio web trabajen con una única base de código y hablen el mismo idioma. El uso de la convención de nomenclatura adecuada de BEM lo preparará mejor para los cambios de diseño realizados en su sitio web.
  • .
  • ¿Qué es Flexbox? Es un método que pueda ayudar a distribuir el espacio entre los ítems de una interfaz y mejorar las capacidades de alineación.
  • ¿Para que sirve flex-wrap? es una propiedad del contenedor flex y especifica si puede haber un cambio de línea ( wrap pone las cajas que no quepan, abajo ) o no ( nowrap ). El valor por defecto es nowrap.
  • ¿Para que sirve justify-contend? distribuye el espacio (flex-start, flex-end, space-between, space-around).
  • Diferencia entre space-between y space-around: space-around deja un espacio en las orillas
  • Diferencia entre justify-content y justify-items:

      justify-content: along primary axis (horizontal alignment/spacing if flex-direction is row or vertical alignment/spacing if flex-direction is column)

    1. flex-start Alinear a los hijos horizontalmente a la izquierda
    2. flex-end Alinear a los hijos horizontalmente a la derecha
    3. center Alinear a los hijos centrados horizontalmente (¡asombro!)
    4. space-between Distribuya a los hijos horizontalmente de manera uniforme en todo el ancho.
    5. space-around Distribuya a los hijos horizontalmente de manera uniforme en todo el ancho (pero con espacio en los bordes

      align-items: a lo largo del eje secundario (establezca la alineación vertical si la dirección de flexión es una fila u alineación horizontal si la dirección de flexión es la columna)

    1. flex-start Alinear a los hijos verticalmente arriba
    2. flex-end Alinear a los hijos verticalmente hacia abajo
    3. center Alinear a los hijos centrados verticalmente (¡asombro!)
    4. baseline Los hijos alineados verticalmente para que sus líneas de base se alineen (realmente no funciona)
    5. stretch Obligar a los hijos a estar a la altura del contenedor (ideal para columnas)

    IN ACTION: codepen

  • Hablame de CSS Grid: Es un sistema de CSS que nos permite crear estructuras para tus layouts de una forma muy fácil, a partir de filas y columnas
  • Hablame de las diferencias de los display
  • Diferencia entre let, const, var
  • ¿Qué es un CallBack?
  • ¿Qué es una promesa?
  • ¿Qué es DOM?
  • ¿Qué ES BOM?
  • ¿Qué arquitecturas conoces?
  • ¿Que es Grunt? y ¿Para que sirve?
  • ¿Que es Gulp? y ¿Para que sirve?
  • ¿Que es Webpack? y ¿Para que sirve?
  • Diferencias entre Webpack, Gulp y Grunt
English technical interviews

  • tell me about yourself:

    I like cats, dogs and plants, I take care my healt because after 30's, it's very difficult to lose weight, daily I do exercise and diet.

  • tell me about your hobbies

    I don't have a lot of time to dedicate on hobbies, but on the weekend I try to watch some episodes from some series, k-drama, youtube channels and read some books. the most of time I try to study javasript and some libraries about javascript because javascript change very very fast, also I practice my english with my language partners from Vietnam, philipines and USA.

  • Tell me about your day at work:

    in the company I work in different teams but my position is frontend developer, the company change me at team constantly to support to teams with few programmers. Usually I have meetings at 10am and I work creating some mockups, MVP's and doing some tickets to add new characteristics to the system.

  • Tell me about the technologies you have used

    when I began my career almost ago 6 years I was full stack php developer using vanilla js and php pure. I was fullstack php developer using codeigniter 3 and laravel 5, in the frontend I use bootstrap, angular 6 and 8, and sass preprocesor.

    3 years later, I stand in a frontend position, I have used angular, vue and react, I use react in my actually job, I use other tools like gulp js, webpack, NPM, git, github, linux and recently Mongo DB like no-relational database

  • How long have you been working with React?
  • What benefits do you have in your current job?

    my salary is 27k free taxes, I have insurance for major, minor and dental expenses.I have grocery vouchers, one macbook pro, personal and business savings account.

  • What salary are you looking to receive?

    30-35 net salary, free taxes, I don't want bussines saving account, I want all my salary in my bank account

  • What is specificity?
  • what is box model?
  • what is BEM?
  • What is Flexbox
  • What is flex-wrap used for?
  • What is justify-contend used for?
  • Difference between space-around and space-between
  • Difference between justify-content and justify-items
  • Explain me CSS Grid
  • Explain display property
  • Benefits of arrow functions
  • Differences between let,const y var