¿Cuál es la mejor manera de practicar la programación web por tu cuenta?

Aquí hay una lista de herramientas, con cualquier operación que necesite comenzar. p. ej. (si desea pintar sobre un lienzo necesita herramientas y materiales).

Para construir un servidor puede comenzar con: Configure un servidor local usando XAMPP por Trey Taylor en la Guía del desarrollador web de Internet

Por lo general, usará el bloc de notas como herramienta para abrir su .html / .php / .conf / .css / .js / y otros tipos de extensión de desarrollo. Prefiero notepad 2.0, a algunas personas les gusta notepad ++

Puede ejecutar un servidor si está utilizando una Mac con Ampps o Mamp. Con linux o unix (como Ubuntu, Debian, iOS (debian), Debian Squeeze, Fedora) puede usar la pila LAMP que se puede encontrar aquí para debian 8 – Cómo instalar la pila Linux, Apache, MySQL, PHP (LAMP) en Debian 8

Tenga en cuenta que no tiene que ir tan lejos. Simplemente puede crear un sitio web en un archivo de disco y abrirlo en un navegador como este ( http: // file: // URL del archivo) en la barra de URL con el nombre de archivo correcto en la ruta. Debe ser un archivo htm / html o una extensión almacenada en su Registro de Windows.

Si desea aprender un lenguaje de back-end, puede elegir PHP, JAVA (no javascript que es más para front-end), AS, JSP, Ruby, Python y más.

Para la programación y el diseño web, puede encontrar algunas de estas herramientas útiles

• Sistemas de gestión de contenidos o CMS
• Bloc de notas 2.0 (el bloc de notas normal es primitivo pero también funciona)
• Vi editor para terminal Unix y Linux
• CAÑUTILLO
• FileZilla, FireFtp
• Phpmyadmin
• Pixie: para capturar un color de píxeles en máquinas basadas en Windows.
• Ruedas de colores
• Marcos para Php, Asp, Jsp, Ruby, Python
• Marcos para JavaScript
• Servidor Amazon EC2 AWS para el primer año.
• Ultimate CSS Gradient Generator de ColorZilla
• Escritor gratuito Responsive Blogging WordPress Theme – WDExplorer – Blog de diseño web
• Box Shadow CSS Generator
• Soporte del navegador RGBa | CSS-Tricks
• Asistente de estilo de borde de tabla HTML y CSS

Muchas de las sugerencias en este hilo son sobre retoques por su cuenta. Esto es valioso, pero le animo a que también busque desarrollar sus habilidades con la ayuda de otros.

Siempre que sea posible, no reinventes la rueda

Lo que quiero decir con esto es que no luches solo durante una hora cuando una sola oración de un desarrollador experimentado podría ahorrarte esa hora de dificultad y frustración. Los desarrolladores experimentados podrán guiarlo a recursos que valen la pena aprender y garantizar que no esté haciendo girar las ruedas en un marco que la comunidad de desarrollo ha decidido evitar.

Por ejemplo, tradicionalmente elegí aprender cosas jugando, pero cuando comencé a familiarizarme con React recientemente, decidí tomar un tutorial en línea por una vez. Terminé con Modern React with Redux y descubrí que una vez que pasé por eso tenía una mejor idea de lo que estaba pasando. Me ahorré una gran cantidad de tiempo al recibir comentarios e instrucciones estructurados y sólidos de alguien que sabía de lo que estaban hablando.

Uno de los hechos más valiosos que aprenderá como desarrollador web es que su tiempo vale dinero. Gran dinero. Optimiza cómo pasas tu tiempo.

Configure un servidor web local (WAMP, XAMPP, etc.) y comience a construir proyectos. Los proyectos deben tener un alcance que supere ligeramente su conjunto de habilidades actual. Esto te obligará a aprender, pero no será tan abrumador como para desanimarte de completar el proyecto. Idealmente, elegiría un gran proyecto que podría dividirse en partes modulares que constituyan cada uno sus propios proyectos (con fines definitivos). Entonces, la última parte del gran proyecto sería integrar las partes para realizar una gran tarea. Eso esencialmente le daría el flujo de trabajo de desarrollo web.

Simplemente configure un servidor en su máquina, puede probar LAMP (sustituya su sistema operativo de elección si lo desea). Piense en una idea para su sitio web: ¿qué le gustaría tener en un sitio web que aún no existe? También puede probar un nuevo marco / biblioteca / idioma / etc. haciendo un sitio web simple pero enfóquese en aprender la nueva tecnología. La única forma de practicar es mediante codificación. Cuando pueda ver lo que ha creado en la pantalla y luego usarlo, se sentirá muy emocionado después de todo el trabajo duro y la resolución de problemas.

Si estás comenzando, construye cosas pequeñas. Juega con diferentes técnicos como js y CSS para comprender cómo funciona. Realice tutoriales, pruebe código de muestra, aprenda a instalar cosas como compositor o vagabundo.

Luego comience a juntar los pedazos para construir cosas más grandes.

Bastante fácil: escribir aplicaciones web propias. Eche un vistazo a un lenguaje de programación compatible y cree un pequeño servidor web y cree una interfaz agradable para eso. Al principio con algunos HTML y CSS y luego con Javascript para cosas dinámicas.

Hay tantos lenguajes de programación posibles por ahí. Simplemente elija uno que le guste y comience con un buen tutorial.

La mayoría del lenguaje de programación web le permite configurar un host local. Sé que Rails, Django o PHP tienen.

Entonces puede comenzar con este ‘servidor web’ local incorporado a. Debe ser muy fácil de configurar, solo siga las instrucciones disponibles para usted de los recursos de idiomas respectivos.

Obtenga una idea como rehacer Pinterest o cualquier otro sitio web y simplemente aprenda sobre la marcha. Si tiene un problema, use prueba y error para solucionarlo o pregúntele a alguien. Después de crear un sitio web pequeño, pruebe algo más grande y siga agregando a sus sitios web antiguos. Esta es la mejor manera de practicar. Este es uno de los sitios web que hice para practicar.

Clonar sitios web en su host local. Digo clonar porque venir con tus propios requisitos puede llevarte a evitar las cosas que no te gustan o no entiendes. Al elegir un clon, no intente demasiado, tal vez elija solo ciertas partes de un sitio web para clonar. Lo bueno de elegir un clon es que si te quedas atascado sobre cómo hacer algo, tienes una referencia que te permitirá buscar ayuda en uno de los numerosos foros de desarrollo. Buena suerte

Crea tu propio blog con github repo. Puede hacerlo en línea, hacer que otros lo revisen, sin ningún costo (excepto su propia máquina de desarrollo).