¿Cómo puede uno auto-estudiar la codificación de sitios web?

La práctica es lo único que hace perfecto.

Etapa 1: HTML básico

Para esto necesitas una computadora y un servidor web. Apache es gratis y funciona en la mayoría de las computadoras.
También necesita un navegador web. En este punto, cualquier navegador lo hará.
Finalmente, necesita un validador de páginas web, una lista de comandos HTML y absolutamente cualquier página web simple de Internet.

Coloca la página web donde Apache pueda encontrarla. Saque casi todo. Solo debe quedarse con una línea que habla sobre doctype, dos líneas que delinean la información de la cabecera y dos líneas que delinean la información del cuerpo. En ese momento, tire de la página web hacia arriba en el navegador. No debe tener título ni contenido. Luego simplemente agrega cosas a la página. Experimenta con las etiquetas, mira lo que hacen. Use el validador para ver si lo que cree que le pidió a la página que haga es lo que el navegador cree que le pidió a la página que haga. En este punto, ignore las etiquetas de las hojas de estilo y otros idiomas.

Debido a que está utilizando un servidor, puede experimentar con obtener y publicar, dos formas de obtener datos de un usuario. Aunque los scripts CGI no se usan tanto, en estos días, son buenos para ver si lo que crees que estás obteniendo realmente es.

Etapa 2: Hojas de estilo

Aquí, usted desea agregar un segundo navegador web, tan poco relacionado con el primero como pueda obtener.

Una vez que haya bajado la sintaxis, el siguiente paso es controlar cómo se ve la sintaxis. Puede experimentar con hojas de estilo en cascada y usar atributos para decidir qué estilo funciona en qué lugar. Recuerde tener la hoja de estilo en un archivo diferente y usar la etiqueta para incluirla. Los diferentes navegadores no siempre están de acuerdo con lo que significan las hojas de estilo, así que use sus navegadores para ver qué se comporta y qué no.

Etapa 3: buen diseño

Los desacuerdos sobre esto pueden volverse crueles, pero en última instancia, los sitios más populares en Internet utilizan reglas tipográficas estándar. Ya sea que use marcos, tablas o algún otro método para hacer cumplir estas reglas (al menos, dentro de lo razonable), eso es solo un detalle ahora. Puedes cambiar eso, es más difícil cambiar tu filosofía de diseño web. Esto le da la oportunidad de perfeccionar el uso de la hoja de estilo.

Etapa 4: JavaScript y XML

Personalmente, detesto Javascript. Es un riesgo de seguridad y no se ajusta a las buenas prácticas aceptadas. Sin embargo, debido a cómo se hacen las cosas, es la única forma viable de hacer algunas cosas. XML es la forma preferida de obtener datos del servidor al navegador y viceversa. Esta combinación generalmente se conoce como AJAX. Puede usar JQuery y otros kits estándar en Internet para ayudar a desarrollar páginas que puedan hacer cosas directamente en el navegador. Juegue con tablas, haga cálculos, hojee diapositivas, pagine contenido, ese tipo de cosas.

Etapa 5: RDFa

Necesitas un editor RDF. Hay muchos libres, algunos de ellos son incluso buenos.

Todo está bien para que usted sepa lo que dice la página web, pero ¿cómo debe saber una computadora? Si está escribiendo un sitio web complejo, hacer que la computadora genere índices de búsqueda y relacione la información de manera útil es algo bueno. Utilizo una herramienta llamada Protege (es un editor RDF con un buen conjunto de ejemplos), pero lo único que importa es que crees una descripción de lo que contiene una idea y cómo se conectan las ideas. Luego, modifica el doctype para referirse al archivo RDF que creas y para decir que hay contenido RDFa. Ahora puede anotar sus páginas web para informar a cualquier computadora interesada a qué se refiere el contenido general y específico de la página, hay algunas guías muy buenas en todo.

También puedes usar relaciones que otras personas han escrito. Hay algunos para identificar amigos de amigos, publicar información para libros y periódicos, uno para tratar con la geografía, etc. Google y otros motores de búsqueda pueden usar esta información para hacer posible encontrar páginas web por contexto y no solo por contenido.

Si desea utilizar la información usted mismo, existen programas para hacerlo, como Jena. Sin embargo, estoy tratando de mantener esto bajo la longitud de la tesis.

Etapa 6: lenguajes web

Lo sentimos, si quieres ir más lejos, necesitas conocer uno de estos: Perl, PHP, Python, Ruby o Java.
Se recomienda encarecidamente que también conozca SQL y le recomiendo instalar una base de datos.

De estos, Java es el más detestable y por lo tanto el más importante. Con los otros idiomas, puede extraer contenido de las bases de datos (ok, HTML5 y JavaScript también), hacer muchas cosas complejas (todas en el servidor), manejar los inicios de sesión y, básicamente, proporcionar todos los servicios que realmente necesita. Con Java y los servlets, puedes hacer todo esto con las partes difíciles escritas para ti. Este tipo de contenido dinámico le permite generar archivos XML sobre la marcha, procesar resultados sin scripts CGI, incluso generar contenido HTML sobre la marcha. Considero que es muy importante saber cómo usar una base de datos relacional, agregar y eliminar tablas y registros desde el idioma que está usando, y poder buscar datos y ponerlos en texto en la página o datos XML que puedan ser utilizado por la página.

Complete los pasos 1-4 y estará en el 25% superior de los codificadores de páginas web. Quizás mejor Completa los seis y estarás en el 5% superior. Casi nadie sabe de front-end, back-end, pruebas y diseño de bases de datos. Las empresas contratarían a diferentes personas, sin ninguna garantía de que comprendan el sistema lo suficientemente bien como para producir buenos resultados. La mayoría de las personas, en estos días, confían en las plantillas generadas previamente. Las plantillas son necesariamente genéricas y limitadas, tampoco enseñan un buen diseño.

Inscríbete en MOOC de libre acceso en el desarrollo web. Esto es lo que recomiendo:

1. Udemy.
Puedes encontrar muchos cursos gratuitos en este tema. Pero si realmente lo deseas, paga los cursos pagados.

2. Udacity.
Esta plataforma también ofrece cursos de gran calidad de forma gratuita.
3. Coursera.

4. EdX

5. Codecademia.
Esta plataforma ofrece práctica en tiempo real directamente en su navegador.

6. Khan Academy.

Simplemente vaya a este sitio web – W3Schools Online Web Tutorials (HTML, CSS y luego JS) y pruebe nuevos ejemplos prácticamente.

Luego prueba los avanzados como lo sugiere Jonathan Day

Buena suerte 🙂