¿Cuáles son las cosas más importantes que un diseñador debe saber sobre HTML / CSS / JavaScript cuando habla con un desarrollador?

Soy estudiante de ingeniería, desarrollo de carrera en desarrollo frontend …

A través de mi gran cantidad de investigación y ayuda de Hitesh Sir Aprenda el código en línea | Un completo sitio de video tutorial de programación encontré muchas cosas que son importantes para diseñar

propósito que hace que su página web sea atractiva …

  1. Eye Dropper (extensión) del formulario de la tienda Chrome que selecciona el color del navegador y cualquier página
  2. Regla de página (extensión) de Chrome Store
  3. Software de diseño gráfico increíblemente simple de canva para editar y personalizar fotos, agregar diferentes íconos y hacer imágenes
  4. Paletas de colores qué colección de muchos colores hacen atractiva la página web
  5. CAÑUTILLO para editar imágenes como en adobe photo shop
  6. Imágenes gratis – Pixabay , consiste en una foto que está disponible en todas las resoluciones y también gratis
  7. Font Awesome Font Awesome, la fuente icónica y el kit de herramientas CSS se usa para agregar un ícono muy pequeño para esto, usted tiene que copiar font awesome cdn Font Awesome · BootstrapCDN por MaxCDN que está fácilmente disponible en la red y luego copiarlo y pegarlo en la sección de la cabeza. Font Awesome Icons luego copie el atributo del icono (comience desde i) u seleccionado y péguelo en el cuerpo

Es realmente difícil precisar una sola cosa. Después de haber implementado muchos sitios a partir de composiciones de diseño, he aquí algunas cosas que desearía que el diseñador supiera:

  1. Todo va en una caja. ¡¡¡TODO!!! Tu unidad perfecta de héroe circular, que va en una caja.
  2. Haga que los diseños tengan en cuenta los datos dinámicos. Casi todos los diseños que he implementado el diseñador no pudieron demostrar cómo las diferentes longitudes de datos ingresados ​​por el usuario deberían afectar el diseño.
  3. Los colores no representan lo mismo en todos los dispositivos. Ni siquiera representarán lo mismo entre tu PSD y mi navegador.
  4. Cuenta con capacidad de respuesta, muéstrame cómo quieres que se vea en al menos 4 tamaños de pantalla. Si solo obtengo un tamaño de monitor de escritorio enorme y un tamaño móvil pequeño, tendré que usarlo para computadoras de escritorio, tabletas, etc.
  5. Cada archivo de fuente que tenga que cargar tendrá un impacto en el rendimiento del sitio. Si usa la fuente XYZ en todo el sitio y la fuente XYZ Light en una sola etiqueta de 9px en el pie de página, no verá la luz XYZ en la implementación.

Tenga en cuenta que mi experiencia es estrictamente cuando trato con diseñadores independientes. A menudo no hay tiempo ni dinero para hacer otra iteración de diseño para abordar todo esto directamente con el diseñador, o el diseñador decidió que el dinero del último concierto se gasta mejor en un viaje en euros de 2 semanas.

La mayoría de estos deberían ser googleables
CSS – Modelo de caja, novedades de CSS3, concepto de flotante, claro. diferencia entre pantalla y visibilidad.
JS: lenguaje prototípico, funciones anónimas, jQuery o cualquier otro marco
HTML: novedades en HTML5
Compatibilidad cruzada con el navegador: esto puede ser importante teniendo en cuenta que dice que es más fuerte en HTML / CSS en lugar de JS o secuencias de comandos del lado del servidor.

Recomendaría comenzar con un pequeño Javascript, solo manejo básico de eventos, cambio de atributos en varios elementos DOM, modificación del DOM. Es útil saber si es una posición de front-end para la que estás entrevistando.

¡Buena suerte!

No necesita saber mucho, pero sería una ventaja saberlo todo. 🙂

Lo que estoy tratando de decir es que no pienses en la entrevista como una prueba en la que puedes obtener un 100 respondiendo todas las preguntas correctamente. Si desea aprender HTML o JS o cualquier otra cosa, hágalo para mejorar usted mismo en lugar de poder responder preguntas o hablar en ese idioma.

Si decides aprender JS, te sugiero que le hagas saber al entrevistador con anticipación que solo lo has estudiado durante X horas en lugar de implicar que lo has sabido por un tiempo.

De todos modos, buena suerte con tu entrevista. Te dejaría recursos pero he estado fuera del mundo HTML / JS por bastante tiempo ahora.

Eche un vistazo a la pregunta para ver lo que necesitan saber: al menos debería dar una idea de su jerga. ¿Cuál es la mejor manera de prepararse para una entrevista con el ingeniero de la interfaz de usuario?