¿Cuál es la mejor manera de ser un diseñador web profesional, especialmente uno autodidacta? Estilo de Vida y Elegante

Como diseñador web profesional autodidacta, solo puedo contarte mi experiencia si es de alguna ayuda. Comencé como profesional de la web en 1996 sin mucho conocimiento sobre la web, excepto lo que había escuchado o leído sobre ella. En ese aspecto, eres demasiado afortunado en este momento.

La ventaja que tenía en ese entonces era que ya era diseñador gráfico y sabía cómo usar la manipulación de imágenes ráster usando software como Adobe Photoshop o Paint Shop Pro. Además, sabía cómo usar software de creación o manipulación de gráficos vectoriales como Macromedia Freehand o Adobe Illustrator.

Ya sea que sea diseñador gráfico o no, lo alentaré a que aprenda los conceptos básicos de esos software (Photoshop e Illustrator lo harán) porque serán invaluables para el diseño web, incluso si no le preocupa el diseño y los gráficos y se supone que solo manejar el código … La razón es que en el desarrollo web los roles de diseñador y programador son algo borrosos porque el diseño de una página web depende tanto de los gráficos como del código subyacente. Tener habilidades multidisciplinarias te llevará lejos en la vida.

Además, también lo alentaré a que sea muy consciente del contenido web: el tipo de lenguaje que se utiliza en diferentes tipos de sitios web. Esto también incluye el tipo de instrucciones en formularios web y otros elementos de la interfaz de usuario como cuadros de diálogo o que explican los errores a los usuarios. Con frecuencia, muchos diseñadores web descuidan dar explicaciones adecuadas o lenguaje apropiado para decirle al visitante del sitio web qué sucedió como resultado de su acción. Eso puede ser muy desagradable y alejar el tráfico de un sitio web.

Ahora hablemos sobre la autoeducación. Tomemos primero un software gráfico como Photoshop. Lo primero que debe hacer es verificar todas las herramientas del software como disponibles en la caja de herramientas como iconos. Cuando no esté seguro de su uso, busque en Google el nombre de la herramienta de esta manera: “Herramienta de clonación en Photoshop” o “Uso de la herramienta de clonación en Photoshop”. Seguramente encontrará muchos tutoriales que lo desglosarán por usted.

Los siguientes temas en Photoshop se enumeran a continuación (no exhaustivos, pero suficientes para comenzar):

yo. Aprender a usar capas
ii) Aprender acerca de los formatos gráficos web (png, jpg gif) y cómo usar la opción Guardar como web …
iii) Crear gifs y png transparentes
iv. Crear animaciones gif
v. Optimizar el tamaño de la imagen
vi. Cuándo usar gif y cuándo usar png / jpeg
vii. Aprender a usar varias formas de selecciones
viii. Aprender a crear máscaras de imágenes.
ix. Mejora de imagen (brillo, contraste, etc.)
X. Usando filtros
xi. Efectos de texto

Aprendelas a tu propio ritmo. Encontrará muchos tutoriales en la red.

En cuanto al software de gráficos vectoriales, aprenda a usar las herramientas de dibujo, especialmente cómo rastrear logotipos desde versiones ráster.

Ahora vamos a sumergirnos en la programación. Hagamos una lista de las cosas que debe saber:

yo. HTML
ii) CSS
iii) JavaScript
iv. SQL
v. PHP / JSP / ASP. NET / Python

Aprender HTML y CSS es quizás lo más fácil. Encontrará muchos tutoriales en la red. Aquí están algunas:
http://www.codecademy.com/en/tra…
https://www.codeschool.com/paths…
http://html.net/tutorials/html/
http://html.net/tutorials/css/

NOTA: No use W3Schools.

El siguiente es JavaScipt, que puede resultar bastante desafiante si nunca antes ha codificado y no conoce la programación de computadoras. Pero aquí está la cosa, como diseñador gráfico, solía pensar que la programación era algo que necesitaba habilidades que están más allá de mí, habilidades que los nerds tienen, habilidades de los científicos de cohetes. Esto está muy lejos de la verdad. En este nivel, la codificación es solo una cuestión de lógica y sintaxis. Si puede usar un lenguaje humano de manera efectiva, el lenguaje de computadora es miles y miles de veces más simple que el lenguaje humano más rudimentario. Todo lo que necesita hacer es acostumbrarse, y pronto encontrará su camino fácilmente, siempre que sea preciso y lógico.

http://www.codecademy.com/
https://developer.mozilla.org/en…
https://www.khanacademy.org/comp…
http://www.quirksmode.org/js/int…
http://eloquentjavascript.net/

Nuevamente, no use W3schools. W3schools no tiene nada que ver con el w3c oficial y se suma a todas las búsquedas de Google solo por SEO inteligente. Pero muchas personas han señalado que sus tutoriales a menudo contienen información incorrecta (http://www.w3fools.com/).

SQL o lenguaje de consulta estructurado es el lenguaje principal utilizado por las bases de datos relacionales para recuperar, almacenar, manipular o eliminar datos. Es posible que desee leer un poco sobre las bases de datos en este momento. SQL es bastante fácil de aprender. Pero debe elegir qué base de datos utilizará porque la implementación de SQL difiere de una base de datos a otra.

Ahora déjame contarte pero sobre plataformas. Yo uso la popular plataforma LAMP. Otros usan plataformas basadas en el servidor de Windows. Mientras que otros usan una plataforma que servirá a JSP.

Bien, antes de perderte, limpiemos un poco el humo. Hasta ahora estábamos hablando de lo que se llama el diseño o desarrollo del lado del cliente de un sitio web. El lado del cliente significa todo lo que puede ver y manipular en el navegador.

Pero es posible que desee aprender cosas como la autenticación de usuario. Es decir, cuando se le pide a un usuario que ingrese su nombre de usuario y contraseña para ingresar a un sitio web o registrarse. Lo que sucede en estos casos es que la información publicada a través del formulario viaja al servidor donde se encuentra su sitio web y un script web se hace cargo de allí y verifica los datos del usuario con los datos ya presentes en la base de datos que se ejecuta en el servidor. Si la base de datos tiene el nombre de usuario y la contraseña y coinciden, la secuencia de comandos devuelve una señal correcta o, en caso de falla, una señal de no ambas que el lado del cliente puede usar para mostrar la siguiente página para el uso según sea necesario.

Esta es la operación del lado del servidor y los scripts se pueden escribir en varios idiomas como PHP, JSP, Python o ASP. RED. Es mejor aprender uno para empezar, pero luego aprender más no hará daño. Los scripts generalmente se ejecutan en todo tipo de sistemas operativos que ejecutan servidores web, excepto ASP. NET, que solo se ejecutará en los servidores de Microsoft.

Personalmente utilizo la plataforma LAMP, que es el sistema operativo Linux (la mayoría de las empresas de alojamiento de sitios web ofrecen servidores Linux OS), el servidor web Apache (el mejor y más popular servidor web), MySql Database y PHP.

Necesita aprender MySql y PHP y para ambos también encontrará muchos tutoriales en la web. No enumero ninguno aquí y lo dejaré en Google y los elegirá usted mismo. Para cuando llegue aquí, ya se habrá convertido en un experto. Mi propia experiencia aprendiendo PHP ha sido bastante divertida: me tomó alrededor de una semana comenzar a escribir como loco. Eso es porque si has estado jugando durante años con JavaScript, lo llevarás como pez al agua. Lo mismo puede decirse de los programadores de C, C ++ o, en cierta medida, de Java. Nunca he usado ningún tutorial para PHP, pero he usado documentación oficial en php.net. La historia con MySql es similar en mi caso.

Espero que esto ayude.

Buena suerte.