¿Qué lenguajes de programación debo aprender para el desarrollo web? Mi objetivo es construir un juego basado en texto en línea. Nunca he codificado antes.

Las siguientes tecnologías deben ser las que se deben aprender, si desea ingresar al desarrollo web:

Programación del lado del servidor:

Esto también podría llamarse desarrollo web de back-end.

  • PHP : es utilizado por muchos sitios web y muchas empresas para crear aplicaciones web. Como es de código abierto, no hay tarifas de licencia y, para empezar, es más fácil de usar. Yo diría que es más fácil de aprender que las otras tecnologías web. Con los marcos correctos, puede crear aplicaciones increíbles (más en marcos más adelante en la publicación)
  • ASP.NET : ASP.NET es una tecnología presentada por Microsoft. Con esto se están construyendo más aplicaciones empresariales y empresariales. Para un principiante, será más difícil acceder a él, ya que también hay cargos por licencia, que tal vez no esté listo para pagar. Yo diría, sin embargo, que los salarios que puede alcanzar en esta tecnología son más altos. A algunas personas no les gusta ASP, porque es un producto de Microsoft.
  • Python : Python también se usa para soluciones de tipo empresarial, similares a Java o ASP. Es más fácil de entender que Java. Pero el problema es que no se están construyendo tantos proyectos con esta tecnología, por lo que podría ser difícil encontrar proyectos.
  • Java : es una de las tecnologías más utilizadas para crear aplicaciones web. Especialmente los sistemas de alto rendimiento utilizan esto. Es uno de los lenguajes de programación más difíciles de aprender. Pero una vez que lo haga bien, puede esperar una gran demanda de estos servicios.
  • Ruby : Ruby se centra en la web, no como .NET o Java, que se introdujeron para aplicaciones de escritorio / en las instalaciones. Así que, especialmente, las nuevas empresas lo utilizan para crear aplicaciones web escalables rápidamente.

Programación del lado del cliente:

Esto también podría llamarse desarrollo web front-end.

  • HTML : es una de las herramientas de desarrollo web más básicas, puede mostrar colores, fuentes, hipervínculos, a través de esta tecnología.
  • CSS : Puedes cambiar el diseño de HTML con la ayuda de CSS.

Aquí una buena imagen, que muestra la diferencia entre HTML y CSS de una manera divertida.

  • JavaScript : con JavaScript puede crear Pop Ups e interacciones similares en su página HTML.
  • jQuery : Con jQuery es más fácil para ti usar JavaScript. Los desarrollos complejos en JavaScript se pueden llamar con una sola línea de código en jQuery, por ejemplo.
  • Ajax : Ajax significa JavaScript asíncrono y XML. Necesitará esta tecnología para que el desarrollo del lado del servidor pueda comunicarse con el desarrollo del lado del cliente.
  • Angular.js : Anagular es un marco para JavaScript. La gran ventaja de esto es que puede crear aplicaciones web que, una vez que el navegador web las llama, no necesitan enviar información adicional o recuperar información del lado del servidor. Esto hace que las aplicaciones web se ejecuten más rápido.

Web Frameworks

Para acelerar el trabajo con las herramientas de software, puede utilizar los denominados “Frameworks Web”. Aquí los más populares:

  • PHP Laravel : Laravel te ayuda a crear aplicaciones web atractivas, ligeras y rápidas. Se ha vuelto más popular en los últimos años. Para aplicaciones más grandes podría tener sentido mirar el marco Zend o Symfony.
  • ASP.NET MVC : MVC le permite crear aplicaciones web robustas para fines empresariales. Es muy popular entre los desarrolladores y las empresas, por lo que encontrará muchos proyectos relacionados con ASP.NET MVC. Para este marco también necesita un buen conocimiento de las tecnologías del lado del cliente como JavaScript, jQuery, HTML y CSS.
  • Python Django : se usa entre nuevas empresas, ya que puede crear aplicaciones confiables rápidamente. Se usa como una alternativa a Ruby Rails, ya que es un poco más fácil de usar. Más bien, no es recomendable, si también desea crear aplicaciones móviles con él.
  • Ruby Rails : Ruby Rails tiene una comunidad más grande que Django. Ofrece una ventaja similar a Django, como crear aplicaciones más rápido y más barato.

(Foto: http://Flickr.com / Ruby on Rails / Luis Villa del Campo)

Tecnologías de base de datos

Necesita una tecnología de base de datos para almacenar, recuperar datos. Aquí los más populares para el desarrollo web:

  • MySQL : MySQL es la tecnología de base de datos más utilizada. Se usa en sitios web más pequeños, como en las instalaciones de WordPress, pero también en aplicaciones grandes como Youtube o Twitter.
  • noSQL : noSQL está ganando popularidad. Así que tiene sentido familiarizarse con él. Muchas empresas de desarrollo lo están utilizando como parte de la pila MEAN (MEAN-MongoDB, Express.js, Angular y Node.js, donde MongoDB se basa en noSQL)

Conclusión

Creo que en tu caso (el que hizo la pregunta), lo mejor sería aprender JavaScript, HTML, CSS, jQuery, Angular, PHP, MySQL. Una vez que esté más familiarizado con estas tecnologías, sabrá qué tecnologías adicionales necesitará adquirir para construir juegos basados ​​en texto en línea.

Saludos cordiales

Sascha Thattil

CEO y Gerente de Proyectos en Software-Developer-India.com

Creo que soy elegible para responder a esta pregunta siendo un desarrollador web autodidacta.

Primer paso (elige tu camino):

  1. Front End (implica construir sitios web interactivos, diseñarlos y proporcionar funcionalidades)
  2. Pila completa (igual que la ruta de front-end + la funcionalidad backend o la codificación del lado del servidor)

¡Informaré rápidamente a estos dos para ayudarte a decidir!


Camino frontal

Al aire libre

Si dominas esta ruta, puedes llamarte desarrollador de aplicaciones para usuario. Aprenderá cómo estructurar y desarrollar sitios web y aplicaciones utilizando tecnologías web (es decir, HTML, CSS, JavaScript, etc.) que se ejecutarán en los navegadores web de diversos tipos de dispositivos.

Se recomienda esta ruta si tiene más inclinación hacia el aspecto de diseño del desarrollo web.

Empezar con :

  1. HTML y CSS
  2. Javascript (también algunas bibliotecas como jQuery)
  3. Ember o AngularJS (marcos)

Una vez que haya terminado con el desarrollo de front-end, siempre puede aprender sobre el desarrollo de back-end y pasar a ser un dev de pila completa.


Ruta de pila completa

Al aire libre

¿Te encanta escribir lógica y diseñar tanto? Bueno, este podría ser el camino correcto para ti entonces. (Nota: Esto no significa que no estará al frente. En realidad, necesita tener un buen conocimiento de al menos las dos primeras tecnologías mencionadas anteriormente para comenzar en este camino)

Además de aprender a estructurar y desarrollar sitios web, aprenderá a crear aplicaciones web utilizando lenguajes que se utilizan en la industria.

nota: con NodeJS y otros entornos del lado del servidor, puede crear aplicaciones que se ejecuten totalmente en javascript pero las veremos más adelante.

Empezar con :

  1. HTML y CSS
  2. Javascript (empresa en bibliotecas populares como lodash / jquery)
  3. Ember / AngularJS / React (marcos)
  4. PHP / Ruby (lenguajes backend más utilizados en la industria)
  5. mySql (siempre se prefiere aprender un lenguaje de consulta de base de datos)
  6. Ruby on Rails (marcos)

Si está interesado en aprender cosas nuevas, siempre puede aprender más lenguajes y marcos (por ejemplo, Python, Django, NodeJS, etc.) pero finalice estos primero.


Segundo paso (Aprende lo que elegiste):

Está bien, pero ¿de dónde puedo aprender?

¿Quién no ama las conferencias de video más que los grandes libros gordos? Además de agregar un toque humano al aprendizaje, los videos también son más científicos.

Algunas lecciones en video en línea que he encontrado realmente útiles son:

  • FrontendMasters (enlace) (el mejor contenido que he visto en línea, pero es de pago)
  • The New Boston por Bucky Roberts (enlace) (muy básico pero muy divertido)
  • Sitio web de Codecademy (enlace) (aprendizaje básico a moderado e interactivo)
  • Free Code Camp (enlace)

Algunos recursos más para cursos gratuitos en línea:

  • Libros para principiantes enfocados en la escuela de lanzamiento
  • Bento
  • Code4Startup
  • CodeAvengers
  • CodeCombat
  • Centro de Aprendizaje Codementor

Tercer Paso (Cómo dominar lo que aprendes):

Bien, sabes qué aprender y de dónde aprender. ¿Pero cómo te conviertes en el amo de tu oficio?

  • Proyectos laterales
  • Leer libros
  • Proyectos laterales
  • Toma algunas clases
  • Proyectos laterales

Construir, construir, construir. Construye algo no trivial como un juego HTML5-JS o crea un sitio básico de redes sociales. Salta sobre algunos proyectos de código abierto y trata de contribuir. Nunca dejes de construir y pronto estarás allí, en la cima.


Si se convierte en un desarrollador web experto y desea intercambiar su talento por dinero, diríjase a esta respuesta y sepa cómo cualquiera puede usar sus habilidades de desarrollo web para ganar dinero. Respuesta de Siwalik Mukherjee: ¿Hay alguna forma real de ganar en línea? [12.4k upvotes]

¡Feliz codificación! 🙂

1. HTML / CSS

Codeacademy HTML & CSS – Curso interactivo de HTML y CSS en Codeacademy (en general, es un buen recurso para aprender los conceptos básicos de algunas tecnologías);

Sass y Slim – CSS y HTML mejorados. Puede que no los necesite ahora, pero tenga en cuenta que pronto tendrá que mirarlos más de cerca.

2. WEB-INSPECTOR : una herramienta incorporada en cada navegador, para verificar y editar HTML / CSS sin volver a cargar una página, para analizar las solicitudes web enviadas por el navegador, para depurar JavaScript, trabajar con cookies, etc.

Chrome DevTools – documentación oficial para el inspector web en Chrome.

3. MARCOS FRONTALES

Bootswatch – Temas gratis para Twitter Bootstrap. Allí también puede encontrar enlaces a algunos temas pagados (pero bastante baratos) que vale la pena mostrar a cualquier persona en el mundo;

Por qué Bootstrap puede ser * muy * importante – algunos detalles más sobre las razones por las que el advenimiento de tecnologías como Bootstrap es muy importante.

4. JAVASCRIPT : Tarde o temprano, muy probablemente antes, su aplicación necesitará la funcionalidad que no se puede implementar mediante los medios estándar de HTML y CSS. Por ejemplo, un calendario o una forma dinámica, o consejos emergentes. O, lo más sorprendente, cuando necesita actualizar una parte de la página sin volver a cargarla completamente una solicitud AJAX. Este es el momento cuando tienes que estudiar JavaScript.

Codecademy – cursos interactivos en JavaScript. Una forma fácil de obtener la idea de la sintaxis del idioma y aprender a escribir algunos programas simples;

WAT: una conferencia hilarante pero muy verdadera sobre la rareza de JavaScript;

Lo que necesita saber sobre el alcance de JavaScript: se trata del alcance del espacio de nombres en JavaScript, puede ayudarlo a evitar muchos errores en el futuro;

CoffeeScript – el sitio web oficial de CoffeeScript.

5. RUBY

GitHub Ruby Styleguide: si hay alguien que sabe cómo escribir un código bastante impresionante, estos son los chicos de GitHub;

Ruby: el sitio web oficial que sirve como un excelente curso de introducción a la programación de Ruby;

TryRuby: un curso gratuito en línea sobre algunos conceptos básicos de Ruby (diseño muy atractivo). Una visita obligada para todos los novatos a Ruby;

6. RoR – IMHO, Ruby on Rails es el mejor marco para desarrollar aplicaciones web.

Ruby on Rails Guides – documentación oficial de Ruby on Rails;

Rails Tutorial: uno de los libros más populares sobre Rails, escrito por Michael Hart;

Railscasts: icónicos (en ciertas comunidades) Ruby on Rails screencasts. Si experimenta algún problema, es muy probable que se haya resuelto en Railscasts. Desafortunadamente, el proyecto había sido abandonado por el autor, pero sus 417 problemas todavía están disponibles en línea y son altamente recomendados para la revisión (cuando sea necesario);

PHP: un fractal de mal diseño, un artículo para aquellos de ustedes que están confundidos acerca de elegir entre Rails y PHP. Después de leer este artículo la elección será obvia.

7. Bases de datos: ¿POSTGRESQL, MySQL o MongoDB?

Cómo funcionan las bases de datos: increíble artículo que explica cómo funcionan las bases de datos;

Introducción a SQL: curso interactivo gratuito sobre conceptos básicos de SQL. Debe hacer si no está familiarizado con SQL;

No vuelva a pasar por este camino: un excelente artículo que explica, en un lenguaje simple y claro, por qué nunca debe usar MySQL;

Por qué nunca debes usar MongoDB – otro artículo detallado e interesante esta vez que dice por qué nunca debes usar MongoDB;

Increíble PostgreSQL para los desarrolladores de Rails: ahora algunas cosas sobre lo que es tan bueno en PostgreSQL, especialmente para los desarrolladores de Rails;

Guía de Postgres: una guía para novatos tanto para PostgreSQL como para SQL en general;

8. Guía paso a paso : plan de acción a partir del cual podrá desarrollar su primera aplicación y dominar (a su debido tiempo) todo lo que necesita para el desarrollo de aplicaciones web.

Comenzar en la programación : una lista de recursos para la programación de aprendizaje;

Libros
“Autoeducación para desarrolladores web”: guía para aprender a desarrollar web desde cero. De elegir el editor al entorno de producción;
“Una manera más inteligente de aprender JavaScript”: el mejor enfoque de aprender haciendo, escrito para principiantes, útil para desarrolladores con experiencia que desean mejorar sus habilidades y no les importa cubrir algún terreno que ya conocen;
“Una forma más inteligente de aprender HTML y CSS: aprende más rápido. Recuérdalo más tiempo”. – Los capítulos cortos se combinan con ejercicios interactivos en línea gratuitos para enseñar los fundamentos de HTML y CSS. Escrito para principiantes, útil para desarrolladores con experiencia que desean mejorar sus habilidades;
“Aprendizaje de desarrollo de aplicaciones web”: capte los fundamentos del desarrollo de aplicaciones web mediante la creación de una aplicación respaldada por bases de datos desde cero, utilizando HTML, JavaScript y otras herramientas de código abierto.

Mentores

Mkdev.me/en – Contrate un mentor de programación y aprenda a hacer todo lo que sabe.

Elegir el lenguaje de programación adecuado para las aplicaciones del lado del servidor . (Eligiendo el lenguaje de programación correcto para los traslados, la animación y la validación del sitio del navegador: CSS, JavaScript, Java o Flash
Desarrollo web Melbourne | Agencia Digital Melbourne
Cuando se trata del lenguaje de programación perfecto para el desarrollo de su sitio, es imperativo que entienda que no hay un lenguaje de programación perfecto . Una vez que entienda esto, es simplemente una cuestión de elegir el idioma que mejor se adapte a sus necesidades. Antes de decidir qué idioma utilizar, debe considerar lo siguiente

PHP
PHP es el rey indiscutible de los lenguajes del lado del servidor que se usan en Internet hoy en día, se ejecutan en el 75% de todos los servidores web, y es el poder detrás de WordPress, Wikipedia e incluso la parte de Facebook que enfrenta el usuario.
Como lenguaje del lado del servidor, el código se procesa antes de que llegue al navegador del usuario, de modo que todo lo que ven es la página final y ninguno del código PHP original. PHP se usa principalmente junto con MySQL para extraer información de una base de datos, manipularla y presentarla al usuario.
PHP es de uso general y viene de serie con la mayoría de los servidores web: si alguna vez ha escuchado el término MAMP / WAMP / LAMP, la P generalmente significa PHP (el resto es Windows / Mac / Linux, Apache y MySQL) .
MySQL
Otro componente de las instalaciones de servidor web estándar, MySQL es un servidor de base de datos de código abierto y gratuito. No es un lenguaje de programación como tal, pero es un nuevo lenguaje para aprender si desea hablar con bases de datos, por lo que es un componente clave de los sitios web modernos. Aunque MySQL es en realidad un lenguaje de línea de comandos, existen herramientas comunes de GUI disponibles, como PHPMyAdmin, para administrar bases de datos con mayor facilidad.
Anuncios de Google
Una vez más, MySQL es lo que impulsa a WordPress, por lo que todas sus publicaciones y contenido se almacenan dentro de una base de datos MySQL.
Javascript
No debe confundirse con Java, el lenguaje de programación de software orientado a objetos completo que presentamos la semana pasada, Javascript es el padre de las páginas web interactivas. Es un lenguaje de secuencias de comandos que se ejecuta localmente en el navegador del usuario, lo que permite que las páginas web respondan a las interacciones de los usuarios, como hacer clic en elementos y eventos de temporización. Sería imposible cubrir todo lo que Javascript es capaz de hacer, basta decir que si hay algo interactivo en un sitio y no es Flash, es más que probable que sea Javascript.
Vale la pena mencionar a JQuery en este punto también. JQuery es un marco de Javascript que le permite escribir menos código y le brinda mayor compatibilidad con el navegador, y se está convirtiendo rápidamente en el estándar para las páginas web modernas. Es particularmente útil para apuntar a partes específicas de una página web utilizando términos CSS conocidos y hacer algo con ellos, como mostrarlos u ocultarlos. Aunque JQuery está hecho con Javascript, también presenta sus propios componentes de idioma únicos, así que solo porque sabes que Javascript no significa que puedas usar JQuery automáticamente (también puedes argumentar que no necesitas saber mucho Javascript para poder usar jQuery). Definitivamente estaremos viendo esto en algún momento.
Perl
Perl solía ser una fuerza importante en la programación web, pero desde entonces ha sido relegado a la mayoría de las aplicaciones de procesamiento de texto. Es increíblemente rápido para procesar texto, pero no es de mucha utilidad en la Internet moderna. Sin embargo, es algo que todos los hackers tienen en la caja de trucos, por lo que vale la pena echarle un vistazo en algún momento.
Para darle una idea del poder de Perl, aquí está el código completo que se creó para descifrar el cifrado de DVD. Sí, es bastante críptico:
Rubí
Ruby, y su marco de aplicación web, Ruby on Rails, alimenta algunos sitios web bastante importantes como Groupon, Shopify (una plataforma de comercio) y el front-end de Twitter. Es un lenguaje completo orientado a objetos que es interpretado por el servidor y luego enviado como una página HTML terminada al navegador, muy parecido a PHP (pero también completamente diferente, * suspiro *). Sin embargo, tiene una serie de ventajas clave, como el rápido desarrollo, la menor repetición de código y la velocidad.
Desafortunadamente, la mayoría de los servidores web no admiten Ruby fuera de la caja, por lo que, a menos que pueda configurar su propio servidor como desee, necesita usar un servicio de alojamiento como Heroku.
Pitón
Python es otro lenguaje completo de alto nivel fuertemente orientado a objetos. Los adjetivos que se usan para describir Python suelen ser divertidos , fáciles de usar y una buena herramienta de aprendizaje , pero en última instancia hay muy pocas aplicaciones web de Python en el mundo real. Sin embargo, suena como un buen lugar para comenzar, especialmente si eres el tipo de persona que está en Linux y en proyectos de código abierto / impulsados ​​por la comunidad. Simplemente no esperes hacer páginas web reales con esto, y parece que hay una rivalidad con la comunidad Ruby.
El sitio oficial de Microsoft ASP.NET
Esta es la contribución de Microsoft a la arena del lenguaje web, predeciblemente popular en entornos corporativos y en ningún otro lugar. Está estrechamente integrado en la familia .Net, y necesita el alojamiento de Windows específico para ejecutar las aplicaciones web del sitio oficial de Microsoft ASP.NET, que en mi experiencia es mucho más esfuerzo de lo que vale la pena. Manténgase alejado de este a menos que tenga una buena razón para no hacerlo.

El desarrollo web se puede dividir principalmente en Desarrollo de aplicaciones para usuario, que se ocupa principalmente de la Interfaz de usuario / Experiencia del usuario (cosas que ve en el navegador), también conocido como desarrollo del lado del cliente , donde el navegador es el cliente; y Desarrollo back-end , que se ocupa principalmente de los aspectos más funcionales de su aplicación: los datos y procesos en los servidores, por lo que es el desarrollo del lado del servidor .

Para el desarrollo de aplicaciones para usuario, las herramientas mínimas que necesita son las siguientes:

  1. Un lenguaje de marcado, que básicamente define cómo se estructura y se muestra su documento en el cliente – HTML (… XHTML / HTML 5)
  2. Un lenguaje de hojas de estilo, que describe la apariencia del documento: la fuente, el color, los bordes, etc., básicamente cualquier elemento del diseño visual: CSS (… CSS 3)
  3. Un lenguaje de scripting del lado del cliente, que hace que algunas partes de su documento sean de naturaleza dinámica, permitiéndole procesar datos en el lado del cliente, ajustar cómo se comporta su documento dependiendo de diversos factores ambientales, aportaciones del usuario, etc., básicamente cualquier estímulo que el el cliente puede proporcionar – JavaScript (o incluso VBScript, pero JS es realmente predominante)

Para el desarrollo de back-end, las herramientas mínimas básicas que necesita son:

  1. Un lenguaje de programación del lado del servidor, que le permite programar su aplicación en el servidor: procesar los datos, básicamente hacer lo que quiera hacer con su aplicación en el servidor: PHP / ASP (… ASP.NET ) / Python / Ruby / JSP etc.
  2. Conocimiento de las bases de datos y cómo funcionan, y al menos cualquier tipo de SQL, como MySQL.

Después de esto, se pueden aprender un poco más de las funciones avanzadas que combinan estas tecnologías, como AJAX , la serialización / transporte de datos utilizando JSON, XML , etc., y pronto el protocolo HTTP (el protocolo) para comprender las ventajas del desarrollo web.

Además, lo que es esencial para que un desarrollador web sepa es al menos el funcionamiento básico de los programas de servidor web como Apache (que es el más popular con diferencia, existen otras alternativas como nginx, IIS, etc.) y trabajar en WAMP o LAMP apilar

En mi opinión, lo que hace que el desarrollo web sea tan emocionante son los límites y las opciones cada vez mayores que tiene para las herramientas y tecnologías a su disposición y la tasa exponencial a la que se desarrollan y mejoran cada día. Es algo que tal vez no encuentre en todas las esferas del desarrollo de software. Y como alguien muy famoso dijo una vez, todavía es el Día 1 para internet

¡Espero que esto ayude!

Para darle una idea de las opciones disponibles, los 5 idiomas más utilizados para el desarrollo web de back-end en este momento, sin ningún orden en particular, son:

  • PHP
  • Rubí
  • Pitón
  • Java
  • JavaScript

Es posible que algunas personas mencionen ASP.NET, esto no es un idioma. Es un marco. Hablaré de la diferencia más adelante, pero por ahora digamos que si bien ASP.NET es una opción válida como marco, como principiante no me preocuparía.

Esto va a ser un poco más de lo que pediste, probablemente, pero al final creo que te ayudará más con tus decisiones. Si ya conoce partes de lo siguiente, siéntase libre de saltar.

Resumen de cómo funciona una aplicación web:

Usted, el usuario, ingresa un url en la barra de direcciones de su navegador .

Usando la información en esa url, su navegador identifica lo que quiere y dónde buscarlo y envía una solicitud al servidor de la aplicación. Esta solicitud se envía utilizando un protocolo llamado HTTP . Un protocolo simplemente significa que su navegador y el servidor siguen un conjunto de reglas cuando hablan entre sí. HTTP es un conjunto particular de reglas.

Cuando el servidor recibe la solicitud que envió su navegador, la examina y decide qué enviar a su navegador. Cuando visita una aplicación web por primera vez, casi siempre es un documento HTML . Así que el servidor devuelve una respuesta a su navegador, que contiene HTML. HTML contiene instrucciones para su navegador sobre qué mostrar al usuario. También le dice a su navegador las otras cosas que necesitará para mostrar la aplicación correctamente al usuario. Principalmente, documentos CSS y JavaScript , pero también imágenes, fuentes y muchas otras cosas. El navegador luego hace más solicitudes para obtener estas otras cosas, llamémoslas activos . Estas solicitudes de activos se pueden hacer a cualquier número de servidores diferentes, ¡y toman tiempo! Una buena aplicación web hace todo lo posible para que este proceso sea eficiente e indetectable para el usuario.

Un enlace en una página web es como un atajo para ingresar la url en la barra de direcciones, y la mayoría de las veces cuando ingresa una url o hace clic en un enlace, todo este proceso se inicia nuevamente.

Desarrollo de back-end:

El desarrollo de back-end tiene que ver con el servidor. O los servidores. Como una aplicación web puede estar contenida, ya sea completamente o en partes, a través de muchos servidores diferentes. Se trata de cómo los servidores de la aplicación deciden responder a una solicitud. Se trata de la rapidez con la que pueden responder, y a cuántas solicitudes pueden responder al mismo tiempo.


Como nota al margen, para los principiantes en el desarrollo web, el desarrollo de aplicaciones para usuario es casi siempre más importante. Incluso si no estás preocupado por hacer tu aplicación “bonita”. Incluso para el primer proyecto que mencionaste. Te recomiendo que comiences por enfocarte en HTML, CSS y JavaScript. Pero como tu pregunta es sobre qué hacer después de eso …

¿Qué lenguajes de programación debo aprender para el desarrollo web?

Lea todo esto:

  • El framework PHP para los artesanos web
  • Primeros pasos con rieles
  • Django de un vistazo

¿Cuál encontraste que entendiste mejor? Ve con eso.

Esas son las páginas de “Introducción” de Laravel, Rails y Django, respectivamente.

Laravel es un framework PHP.
Ruby on Rails es un marco de Ruby (como era de esperar).
Django es un framework Python.

Un framework es la aplicación que ejecuta tu aplicación. Le proporciona un conjunto de herramientas que facilitan la creación de una aplicación web. La definición exacta de un marco depende de con quién hable, pero están ahí para facilitarle la vida.

Aprende el idioma, luego aprende el marco que elegiste. Es fácil usar Google para encontrar guías y tutoriales para cualquiera de los lenguajes o marcos anteriores.

No recomiendo ni Java ni Javascript para los principiantes de back-end. Java es un lenguaje más complicado que los otros cuatro, y aunque es tentador decir que node.js (JavaScript para el servidor) utiliza las habilidades que desarrolló mientras aprendía el desarrollo de aplicaciones para usuario, creo que node.js es menos amigable para los principiantes que cualquiera de las 3 opciones anteriores. Pero esa es mi opinión, si desea comprobarlo de todos modos, el ejemplo de “Hello World” para Express (el marco de back-end más popular de node.js) está aquí: Ejemplo de Express “Hello World”.

Personalmente, creo que Laravel tiene la mejor documentación para principiantes y mucho apoyo comunitario. En mi experiencia, la comunidad de PHP tiende a ser fácil para los principiantes. Encontrarás que a muchos desarrolladores experimentados no les gusta PHP. Pero para cuando ya estés lo suficientemente avanzado como desarrollador web para formar opiniones como esa, deberías saber más de un idioma.

Comenzar con el desarrollo web puede ser agotador y confuso. Hay mucho que aprender y tiene tantas opciones diferentes de idiomas, marcos y proyectos de código abierto para elegir. ¿Por dónde empiezas?

Los fundamentos: HTML5 y CSS3

Si está empezando, HTML y CSS son fundamentales para el desarrollo web. Estos dos lenguajes no son realmente lenguajes de programación porque no tratan en lógica.

HTML es un lenguaje de marcado y CSS es un lenguaje de estilo. HTML define cómo debe estructurarse una página y CSS define cómo se ve una página en la pantalla. Estos dos idiomas se consideran idiomas frontales porque operan en el navegador (no se necesita servidor).

Algunos programadores comienzan con lenguajes completos como Python o JavaScript. Pero si desea compilar para la web y no está seguro de dónde comenzar, HTML / CSS debería ser el número 1 en su lista de prioridades.

Aprender HTML 5 – Los mejores tutoriales de HTML 5 | Hackr.io

Aprender CSS – Los mejores tutoriales de CSS | Hackr.io

JavaScript / ES6

El otro lenguaje de interfaz que la mayoría de los desarrolladores web aprenden es JavaScript . Esto ha estado estrechamente relacionado con el desarrollo web durante décadas y permite a los desarrolladores crear efectos dinámicos en la página.

Con JavaScript puede crear menús desplegables, carruseles deslizantes, ventanas modales y muchas otras interfaces web comunes. Los avances en CSS3 permiten a los desarrolladores hacer algunas cosas geniales sin ningún JavaScript. Pero eso no significa que JS sea un lenguaje sin valor; lejos de ahi.

Más sitios web confían en JavaScript para funciones dinámicas ahora que nunca. Los navegadores web modernos finalmente admiten JS hasta un punto donde la mayoría de los usuarios que visitan su sitio tendrán habilitado JavaScript.

La última versión de JavaScript se llama ES2015, abreviatura de ECMAScript 2015. No quiero atascar esta publicación con detalles mundanos, por lo que para todos los efectos y propósitos, el término “JavaScript” significa básicamente ECMAScript. Si quieres aprender sobre la historia, echa un vistazo a esta publicación.

Si aprendes los conceptos básicos de JavaScript, entenderás ES2015. Los fundamentos se admiten en la versión actual de JS y en todas las versiones futuras.

JavaScript es a menudo el primer lenguaje de programación del desarrollador web. Algunos pueden argumentar que no es una programación real porque funciona como un lenguaje de scripting. Pero como puede ejecutar Node.js en el servidor, ahora es posible ejecutar JavaScript como un lenguaje frontend + backend.

Aprender JavaScript – Los mejores tutoriales de JavaScript | Hackr.io

PHP

La última parte del desarrollo web cae en el desarrollo backend . Esta es un área amplia con muchos idiomas diferentes, algunos más populares que otros.

Hace décadas, Perl / CGI era el lenguaje preferido para el desarrollo de back-end. Hoy en día eso es casi inexistente.

Las tendencias cambian con frecuencia, por lo que es importante planificar con anticipación y avanzar con la industria.

Los nuevos desarrolladores verán muchas conversaciones en torno a PHP. Es uno de los lenguajes de programación web más antiguos y se creó específicamente para el desarrollo web. Irónicamente, el creador de PHP nunca quiso que fuera un lenguaje de programación.

Pero con los años se atascó y creció rápidamente. Ahora, proyectos como WordPress, Joomla y Magento dependen de PHP para funcionar correctamente. Esto significa que la gran mayoría de los desarrolladores web toman al menos un poco de PHP para aplicarlo cuando sea necesario.

Aprender PHP – Los mejores tutoriales de PHP | Hackr.io

Lenguaje de consulta estructurado (SQL)

Por último, si está buscando en el desarrollo backend, SQL es un lenguaje que debe aprender . Potencia la mayoría de los motores de base de datos como MySQL y PostgreSQL.

La buena noticia es que la mayoría de los motores de base de datos son compatibles con todos los códigos SQL. Entonces, una vez que aprendas SQL, debería funcionar en cualquier base de datos que encuentres.

El motor de base de datos más popular para principiantes es MySQL. Esto a menudo viene con planes de alojamiento y es el motor más ampliamente soportado para proyectos CMS populares como WordPress.

Aprende SQL – Los mejores tutoriales de SQL | Hackr.io

¡A DESARROLLAR!

PHP

PHP es el rey indiscutible de los lenguajes del lado del servidor que se usan en Internet hoy en día, se ejecutan en el 75% de todos los servidores web, y es el poder detrás de WordPress, Wikipedia e incluso la parte de Facebook que enfrenta el usuario.

Como lenguaje del lado del servidor, el código se procesa antes de que llegue al navegador del usuario, de modo que todo lo que ven es la página final y ninguno del código PHP original. PHP se usa principalmente junto con MySQL para extraer información de una base de datos, manipularla y presentarla al usuario.

PHP es de uso general y viene de serie con la mayoría de los servidores web: si alguna vez ha escuchado el término MAMP / WAMP / LAMP, la P generalmente significa PHP (el resto es Windows / Mac / Linux, Apache y MySQL) .

MySQL

Otro componente de las instalaciones de servidor web estándar, MySQL es un servidor de base de datos de código abierto y gratuito. No es un lenguaje de programación como tal, pero es un nuevo lenguaje para aprender si desea hablar con bases de datos, por lo que es un componente clave de los sitios web modernos. Aunque MySQL es en realidad un lenguaje de línea de comandos, existen herramientas comunes de GUI disponibles, como PHPMyAdmin, para administrar bases de datos con mayor facilidad.

Una vez más, MySQL es lo que impulsa a WordPress, por lo que todas sus publicaciones y contenido se almacenan dentro de una base de datos MySQL.

Javascript

No debe confundirse con Java, el lenguaje de programación de software orientado a objetos completo que presentamos la semana pasada, Javascript es el padre de las páginas web interactivas. Es un lenguaje de secuencias de comandos que se ejecuta localmente en el navegador del usuario, lo que permite que las páginas web respondan a las interacciones de los usuarios, como hacer clic en elementos y eventos de temporización. Sería imposible cubrir todo lo que Javascript es capaz de hacer, basta decir que si hay algo interactivo en un sitio y no es Flash, es más que probable que sea Javascript.

Vale la pena mencionar a JQuery en este punto también. JQuery es un marco de Javascript que le permite escribir menos código y le brinda mayor compatibilidad con el navegador, y se está convirtiendo rápidamente en el estándar para las páginas web modernas. Es particularmente útil para apuntar a partes específicas de una página web utilizando términos CSS conocidos y hacer algo con ellos, como mostrarlos u ocultarlos. Aunque JQuery está hecho con Javascript, también presenta sus propios componentes de idioma únicos, así que solo porque sabes que Javascript no significa que puedas usar JQuery automáticamente (también puedes argumentar que no necesitas saber mucho Javascript para poder usar jQuery). Definitivamente estaremos viendo esto en algún momento.

Perl

Perl solía ser una fuerza importante en la programación web, pero desde entonces ha sido relegado a la mayoría de las aplicaciones de procesamiento de texto. Es increíblemente rápido para procesar texto, pero no es de mucha utilidad en la Internet moderna. Sin embargo, es algo que todos los hackers tienen en la caja de trucos, por lo que vale la pena echarle un vistazo en algún momento.

Para darle una idea del poder de Perl, aquí está el código completo que se creó para descifrar el cifrado de DVD. Sí, es bastante críptico:

Rubí

Ruby, y su marco de aplicación web, Ruby on Rails, alimenta algunos sitios web bastante importantes como Groupon, Shopify (una plataforma de comercio) y el front-end de Twitter. Es un lenguaje completo orientado a objetos que es interpretado por el servidor y luego enviado como una página HTML terminada al navegador, muy parecido a PHP (pero también completamente diferente, * suspiro *). Sin embargo, tiene una serie de ventajas clave, como el rápido desarrollo, la menor repetición de código y la velocidad.

Desafortunadamente, la mayoría de los servidores web no admiten Ruby fuera de la caja, por lo que, a menos que pueda configurar su propio servidor como desee, necesita usar un servicio de alojamiento como Heroku.

Pitón

Python es otro lenguaje completo de alto nivel fuertemente orientado a objetos. Los adjetivos que se usan para describir Python suelen ser divertidos , fáciles de usar y una buena herramienta de aprendizaje , pero en última instancia hay muy pocas aplicaciones web de Python en el mundo real. Sin embargo, suena como un buen lugar para comenzar, especialmente si eres el tipo de persona que está en Linux y en proyectos de código abierto / impulsados ​​por la comunidad. Simplemente no esperes hacer páginas web reales con esto, y parece que hay una rivalidad con la comunidad Ruby.

El sitio oficial de Microsoft ASP.NET

Esta es la contribución de Microsoft a la arena del lenguaje web, predeciblemente popular en entornos corporativos y en ningún otro lugar. Está estrechamente integrado en la familia .Net, y necesita el alojamiento de Windows específico para ejecutar las aplicaciones web del sitio oficial de Microsoft ASP.NET, que en mi experiencia es mucho más esfuerzo de lo que vale la pena. Manténgase alejado de este a menos que tenga una buena razón para no hacerlo.

Entonces, ¿qué debes aprender?

Si desea crear un sitio web moderno e interactivo, sugiero una combinación de PHP, MySQL y posiblemente JQuery / Javascript para interactividad. Eso no quiere decir que los idiomas como Ruby y Python no valen la pena investigarlos como un ejercicio de aprendizaje, algo que seguramente haremos en algún momento, pero si su tiempo es limitado y realmente desea comenzar a aprender habilidades útiles del mundo real. El combo de PHP / MySQL es el mejor lugar para comenzar.

Rollos de PHP! Como una rueda cuadrada. – Ignacio Vázquez-Abrams 2012

PHP está mal diseñado. Te confundirá. Cuando no use un marco adecuado y una buena guía de estilo, tendrá problemas rápidamente.

¿Es PHP un lenguaje de programación mal diseñado?

Sí, es muy fácil de recoger, para empezar, para implementar. Pero recoger lo básico no es difícil para ningún idioma. Está escribiendo código bueno y estructurado, eso es difícil.

El código PHP (backend) se coloca en HTML, CSS y Javascript (front end). Esto es malo. Es como escribir estilos en línea, pero diez veces peor.

Sobre la parte de confusión.

1234 == ‘1234 prueba’
‘falso’ == 0

PHP es muy inconsistente .

PHP en contraste con Perl

  • No hay un sistema aparente en el (los) subrayado (s) contra ningún subrayado (s)

  • “a” o “2”? ascii2ebcdic, bin2hex, deg2rad, ip2long, cal_to_jd (jdto*, *tojd), strtolower, strtotime...

También el informe de errores es realmente malo.

También empecé con PHP, pero estoy muy contento de haber cambiado a node.js, y creo que deberías saber cómo hacerlo desde el principio.

Entonces, ¿cuál sería una mejor opción?

Casi cualquier otra cosa. Python y Javascript son muy populares en este momento.

Estos idiomas están bien diseñados, imponen el uso de un motor de plantillas, tienen una gran comunidad, tienen un buen informe de errores. Además, el código de back-end está separado del código de front-end, lo cual es bueno.

Para comenzar con javascript en el servidor, recomendaría node.js , especialmente express . js : marco de la aplicación web Node.js. Este es un marco que se usa mucho y hace que las cosas sean más fáciles de usar, a la vez que se mantiene la posibilidad de hacer cosas complejas.

.

.

.

Para comenzar con nodejs y express:

Ir descargar node.js: Node.js

Esto descarga npm también. Npm es como un administrador de paquetes para cualquier cosa relacionada con javascript. ¿Qué significa npm? Puedes usar npm para descargar paquetes y usarlos en tu proyecto. Los paquetes pueden ser un gran proyecto, o solo unas pocas líneas de código. Express por ejemplo es un paquete grande. Positive-zero es un paquete muy pequeño, que solo verifica si un número es positivo a cero. Puedes descargar un paquete con

npm install –save package-name

La --save significa que debe agregar el package-name del package-name a su package.json

Este es un archivo que contiene información sobre su proyecto: autor, versión, paquetes de los que depende su aplicación. Cuando publicas la aplicación en github, otros simplemente npm install y npm instalará cada paquete que hayas especificado.

Para usar un paquete en tu javascript, puedes escribir

var positiveZero = require (‘positive-zero’);
console.log (positiveZero (-0) === false);

Estos son los fundamentos. Para comprender cómo puede escribir paquetes usted mismo, consulte Cómo escribir una biblioteca de código abierto de JavaScript o consulte index.js desde un paquete simple como sindresorhus / positive-zero.

Ahora en el servidor!

Abra el terminal / comando / / y ejecute:

npm install -g express-generator

Esto solo debe ser ejecutado una vez en la vida. Instala un paquete globalmente en su sistema, llamado Express-generator. Puedes usarlo ahora desde el terminal con express .

Cree un directorio, cd en este directorio, luego ejecute esto:

exprese –hbs

express-generator hará una aplicación de ejemplo en su carpeta. --hbs la opción --hbs , porque para los principiantes el manillar es el motor de plantillas más simple.

Como puede ver en la siguiente captura de pantalla, hace un package.js, en el que se enumeran los paquetes de los que depende la aplicación. Simplemente puede instalar estos paquetes escribiendo npm install .

Ahora ejecuta

npm start

Esto iniciará el servidor . En el package.js se especifica qué ‘inicio’ tiene que ejecutar.

Vaya a localhost:3000 en su navegador, y debería ver esto:

Tienes un sitio web en funcionamiento , con código estructurado. ¡Ahora eche un vistazo al código, juegue con él y comience a escribir js en el servidor usted mismo!

Estoy seguro de que django tiene cosas similares, tutoriales … (Acabo de usar javascript, porque me gusta tener javascript tanto en el cliente como en el servidor).

Si tiene alguna pregunta, por favor pregúnteles en los comentarios, ¡me encantaría responderlas!

Campo de golf:

Node.js framework de aplicaciones web – Express

Node.js – sitio web de Node.js

npm – npm sitio web

Templación mínima de esteroides – Manillares

Gracias por A2A.

En primer lugar, debes averiguar algunas respuestas tú mismo.

1 . ¿Realmente quieres codificar, o simplemente quieres crear sitios web? (La respuesta a esta pregunta es relevante, ya que simplemente puede crear un sitio web utilizando algunas herramientas GUI disponibles o puede crear uno desde la base, depende de lo que necesite).

2 . ¿Es para propósitos profesionales, o solo para pasatiempos? (Esto es relevante ya que ambos son realmente diferentes. Para sus propósitos personales y blogs, solo puede hacer sitios web utilizando su lógica, pero en caso de que sea profesional, debe conocer ciertos hechos como las amenazas de seguridad y cosas por el estilo).

Después de llegar a la conclusión, para estas preguntas, si se trata de sus propósitos personales y blogs. Simplemente vaya a WordPress , no necesitará ningún requisito previo como HTML, CSS o JAVASCRIPT. Simplemente arrastre y suelte o coloque algunos widgets en los lugares correctos y usted construirá su sitio.

Las instrucciones simples están disponibles en la instalación de WordPress, utilizando localhost (que es un servidor local que se usa para probar, se ejecuta en su propia computadora).

Consulte este enlace: Instalar WordPress, le aseguro que esto será simple como instalar un software.

O si es para tus fines profesionales .

En primer lugar, necesitarás lo básico sobre HTML, CSS y JAVASCRIPT .

Estos se utilizan con fines gráficos, o la parte delantera del sitio web (en la actualidad, Javascript se utiliza como una mejor tecnología para el desarrollo de back-end). Como mencionó en su descripción, puede omitir la parte gráfica y dejar que otra persona lo haga. Ahí es donde no tienes que aprender esto (HTML, CSS).

Entonces, decida esto también, si desea codificar el front-end de un sitio web, HTML y CSS son necesarios. Como eres un novato, recomiendo W3Schools Online Web Tutorials, que tiene casi la más sencilla de todas. Comience a aprender esto, una vez que avance, simplemente puede pasar a algunos detalles complejos.

Si solo desea aprender, solo en el desarrollo back-end, le sugiero que comience con PHP, que es un lenguaje de scripting utilizado para los sitios web. Usando PHP usted podría lograr el lado de back-end. Para aprender esto, puede usar el enlace de arriba como iniciador y cambiar a la documentación oficial de PHP (PHP: Documentación) más adelante.

Como usted dijo, hay marcos disponibles, que no son idiomas. Pero son algunas plantillas que tienen elementos de soporte esenciales que se requieren básicamente para crear un sitio web en línea.

Puede que sea un poco difícil para usted comenzar con los marcos como novato, por lo que le sugiero que obtenga algunos conocimientos sobre los scripts y luego los convierta en marcos que sean fáciles para usted.

Espero que encuentre la respuesta útil.
PD: esta es la forma en que deberías ir cuando lo estés estudiando por Internet. Si vas a una academia e intentas estudiar, te alimentarán con una cuchara, no tienes que preocuparte por nada, pero confía en mí, esta es la mejor manera de aprender.

Hay muchos otros idiomas para que explore, en caso de que esté interesado, eche un vistazo a Django (framework Python), Node.js, Laravel (PHP framework) etc.
Una vez que te pongas en contacto, encontrarás todo fácil de aprender.

Si desea aprender a codificar, la gran cantidad de lenguajes de programación puede ser abrumadora. ¿Qué lenguaje debería aprender?

Cuando se trata del lenguaje de programación perfecto para el desarrollo de su sitio, es imperativo que entienda que no hay un lenguaje de programación perfecto. Una vez que entienda esto, es simplemente una cuestión de elegir el idioma que mejor se adapte a sus necesidades. Antes de decidir qué idioma utilizar, debe considerar lo siguiente

  1. su plataforma de servidor
  2. el software de servidor que ejecuta
  3. su presupuesto
  4. experiencia previa en programación
  5. La base de datos que has elegido para tu backend.

Puede comenzar con los idiomas dinámicos, ya que es adaptable y divertido de aprender. Puede crear una aplicación desde la base con pocas líneas de código, y no hay una regla estricta sobre cómo escribir las cosas para comportarse de la manera que usted quiere.

JavaScript: Javascript no debe confundirse con Java. Se utiliza principalmente para el desarrollo frontal y es compatible con todos los navegadores y se utiliza para crear aplicaciones web interactivas

Ruby: Ruby y su aplicación web Ruby on Rails, nos consiguieron algunos sitios web bastante grandes como Groupon, Shopify y la parte frontal de Twitter, por nombrar algunos. Está desarrollado para que los desarrolladores se diviertan y sean productivos. Es un lenguaje completo orientado a objetos que es interpretado por el servidor y luego enviado como una página HTML terminada al navegador, muy similar a PHP. Sin embargo, tiene una serie de ventajas clave, como el rápido desarrollo, la menor repetición de código y la velocidad.

Python: Python es un lenguaje altamente recomendado para principiantes, orientado a objetos. Se ha utilizado para crear aplicaciones de escritorio y aplicaciones web y tiene excelentes herramientas para la minería de datos. Por lo general, puede ser una herramienta de aprendizaje divertida, fácil de usar y buena. Python es común con la comunidad académica para computación científica, análisis de datos y bioinformática. Google, Dropbox, Pinterest, Instagram y mucho más se han construido con Python.

PHP: PHP es el rey de los lenguajes del lado del servidor que se usan en Internet hoy en día, se ejecuta en el 75% de todos los servidores web y, por lo general, se considera apto para principiantes. Es más fácil conceptualizar lo que hará el código PHP, por lo que es más fácil de aprender. Facebook, WordPress, Yahoo! Wikipedia, Tumblr y muchos más se han construido con el mismo.

MySQL: Es un servidor web estándar de instalaciones. Es un servidor de base de datos de código abierto gratuito. Es un nuevo idioma si desea comunicarse con la base de datos. Una vez más, MySQL es lo que impulsa a WordPress, por lo que todas sus publicaciones y contenido se almacenan dentro de una base de datos MySQL.

C, C ++, C # y más. Necesitarías mucha práctica para aprenderlo de la mejor manera posible. Si estás interesado en aprender profesionalmente y hacer carrera con él, también puedes acercarte a Acadgild con una tarifa muy modesta.

Puedes aprender más de este video también: AngularJS Tutorial para principiantes | Entrenamiento AngularJS | Seminario web AngularJS

Estoy de acuerdo con Zachary, es muy importante comenzar con lo básico, por lo que html css y javascript son bastante necesarios para comprender el desarrollo web. Creo que después de js es igualmente necesario aprender al menos los conceptos básicos de jQuery. Desde allí puede pasar al backend, pero primero creo que es crucial entender su entorno y su editor de texto.

  • Texto sublime:
  • Yo sugeriría descargar usuarios sublimes de poder por Wes Bos. Sublime libro de texto | Wes Bos
  • Tutoriales de línea de comandos:
  • http://teamtreehouse.com/library/console-foundations#environment-and-redirection tiene un excelente curso sobre cómo comprender el terminal
  • Un manual de línea de comandos para principiantes
  • 15 comandos incorporados útiles de Bash Shell (con ejemplos)
  • Github:
  • Configurar Git – Documentación del usuario
  • Acerca del control de versiones
  • Prueba Git – Code School

Después de eso, elija el idioma que le parezca más natural. La forma más fácil de descubrirlo es ir a Learn Web Design, Web Development y More codeAcademy.com y consultar las primeras lecciones.

  • Hay un par de idiomas que te ayudan a ponerte en marcha rápidamente
  1. Python y django – Aprenda Python, Aprenda Code The Hard Way – Libros y cursos para aprender a codificar, Python, Learn Python – Tutorial interactivo gratuito sobre Python, https://onemonth.com
  2. Ruby y rieles – Guía de Why (Poignant) para Ruby, Learn to Program, por Chris Pine, Tutorial de Ruby – Code School, fis.ruby.assessment.md, https://onemonth.com
  3. Node.js (Creo que es mejor aprender un lenguaje de fondo antes de usar frameworks) – Tutorial de Node.js – Guía paso a paso para comenzar, Guía para principiantes de Felix Node.js, Node.js: Paso a paso – Tuts + Code Tutorials, Home, Frontendmasters.com
  4. C ++ es un poco menos intuitivo al principio, pero te dará una cena fluida rápidamente -Aprende C The Hard Way, Página en coursera.org

Así que estás de suerte, tienes algo de experiencia en codificación y eso te ayudará a comenzar.

En el front-end básico, necesitarás aprender cuatro idiomas: HTML, CSS, PHP y JavaScript.

Déjame correr a través de ellos brevemente.

HTML (HyperText Markup Language) es un lenguaje que expresa el contenido de una página. Si ha aprendido algún XML en el desarrollo de sus aplicaciones anteriores, se sentirá muy similar y esto se debe a que HTML es un subconjunto de XML con etiquetas y atributos específicos.

Hojas de estilo en cascada (CSS) es un lenguaje compuesto por selectores y reglas para aplicar estilos a sus elementos html. Su finalidad principal es controlar la presentación del contenido.

JavaScript un lenguaje de scripting del lado del cliente. Se usa comúnmente para mutar el contenido o la presentación de la página, así como para solicitar contenido adicional y hacer una serie de cosas que aprenderá a medida que se sumerja en ella.

PHP es un lenguaje de script del lado del servidor. No tiene que aprender mucho, pero finalmente tendrá que aprender una pequeña cantidad de la sintaxis para sobrevivir.

Puede aprender todo esto en varios sitios, como http://codeacadememy.com , http://lynda.com y http://www.w3schools.com/

O bien, puede hacerlo a través de la búsqueda de Google y la búsqueda simple a medida que experimenta. Honestamente, cómo aprendes estas habilidades depende de ti, haz lo que sea más cómodo.

Un primer gran proyecto será configurar su propio sitio, esto es obtener un nombre de dominio, un servidor para alojar su sitio y configurarlo para que sea de acceso público. Si planea emprender proyectos pequeños, esta experiencia le resultará útil como profesional independiente, lo más probable es que esté trabajando en sitios más pequeños y aprenderá sobre gran parte de la tecnología, como la configuración ftp / sftp, las cuentas de correo electrónico. , y la gestión del servidor, de esta manera.

Algunos consejos a este respecto:

No use GoDaddy , he tenido malas experiencias con ellos, tanto en la gestión de dominios como en la calidad de su backend para hosting. Yo sugeriría proveedores como hostgator, 1 y 1 entre una gran cantidad de otros. (Personalmente uso hostgator para hosting, namecheap para la administración de dominios. Siéntase libre de hacer una investigación al respecto. Aprenderá más acerca de la tecnología de hosting de esta manera).

Obtenga un servidor LAMP, no un MAMP. Los LAMP son simplemente más fáciles de construir en general y más ubicuos en el trabajo independiente con la proliferación de WordPress.

A medida que la práctica encuentre algunos proyectos pequeños para hacer, esto puede ser cualquier cosa, desde una lista de tareas hasta un sitio de micro o página de destino para un producto falso. Alojar estos en su sitio. Intenta configurar y jugar con wordpress también. Muchos sitios pequeños lo utilizan, por lo que es bueno estar familiarizado con el marco.

Aparte de la práctica, estos serán útiles como ejemplos de lo que puede hacer cuando solicita un trabajo. Una vez que se sienta cómodo haciendo algunos de estos proyectos básicos, puede pensar en la búsqueda de empleo. Otra forma de obtener proyectos o trabajar sería participar en reuniones de hacks en su área local (Hackathon).

Es posible que pueda incluir algunos de sus otros trabajos de aplicaciones o software, pero tenga cuidado, el trabajo que realice será la pantalla de trabajo que obtendrá.

La búsqueda de trabajo se reduce a encontrar pequeños trabajos en línea en lugares como http://freelancer.com , http://elance.com o http://odesk.com , o encontrar trabajos en el área local como http: / /craigslist.com .

Probablemente quieras tomar un trabajo más pequeño primero hasta que te sientas cómodo. Eso podría significar cosas más mundanas como la entrada de datos, cambios simples de texto / imagen y similares. Podría pensar que esto es aburrido, pero aquí es donde todos comenzamos a construir nuestra experiencia y es una buena manera de facilitar el trabajo. A medida que se sienta más seguro, comenzará a asumir proyectos más complejos.

Finalmente un consejo general:

No tienes que memorizar todo desde el principio.
Todavía no busco en Google los atributos de las etiquetas html, las propiedades de los objetos de JavaScript y ciertas reglas de CSS. No te obsesiones con memorizar todo. Si no lo sabes, solo buscalo en google. Con el tiempo, memorizará las cosas más comunes solo a través de la pura repetición de todo.

No tengas miedo de experimentar y explorar.
No tenga miedo de construir cosas y derribar cosas, juegue con marcos y nuevas tecnologías. Algunos pueden ser útiles (bootstrap, jquery, reset.css) algunos menos (angular, node, ruby ​​on rails) para trabajos independientes de poco tiempo, pero si esto se convierte en algo que realmente te interesa, tómate el tiempo para jugar. ¡Aún eres joven!

De ahí en adelante depende de ti. ¡Buena suerte, diviértete!

Hay dos maneras en que puedes hacer esto,

1.) Aprender Front End Web Development: mirando tu conjunto de habilidades actual. Creo que le resultará más fácil comenzar con el desarrollo de front-end (HTML y Photoshop). El desarrollo de front-end trata estrictamente el lado del cliente de las cosas.

Necesitará la siguiente pila básica para comenzar con el extremo frontal:

  • HTML y CSS
  • Tutorial de HTML, Tutorial de CSS (de W3schools)
  • # 58: HTML y CSS – Los fundamentos VERY | CSS-Tricks (De CSS-Tricks)
  • Javascript básico
    • Aprenda a codificar y ayude a organizaciones sin fines de lucro (de FreeCodeCamp, una excelente manera de obtener práctica práctica con Javascript)
    • Javascript – Todos los videos (de Learn Code – Youtube)

    Una vez que se haya familiarizado con las cosas anteriores, no necesitará videos para aprender, puede seguir adelante y aprender algunos marcos para complementar su conocimiento, aquí hay algunos marcos populares para comenzar,

    • Bootstrap – Bootstrap · El framework front-end más popular y con mejor respuesta para dispositivos móviles del mundo. (Un marco HTML / CSS / JS para crear fácilmente sitios web sensibles).
    • Tutorial de Bootstrap 3 (en caso de que te confundas sobre cómo empezar).
  • Jquery – jQuery (un marco de Javascript para agregar funcionalidad a su sitio web con menos código)
    • Tutorial de jQuery (solo agregaré un tutorial para cada uno de ellos ahora, jajaja)
  • Angular – Framework MVW superhéroe JavaScript (Este es un poco más complejo de entender porque el patrón Modelo-Vista-Controlador)
    • AngularJS Tutorial
    • Fundamentos AngularJS en 60 minutos.

    Aparte de esto, a medida que avanza, intente crear sus propios proyectos paralelos y trabajar en ellos, eso le ayudará a comprender las cosas más rápido.

    2.) Aprenda el desarrollo web de pila completa : el desarrollo de pila completa incluye los tres niveles de la pila de desarrolladores web, es decir, del lado del cliente, del lado del servidor y de la gestión de la base de datos .

    Por el lado del servidor, tiene muchas opciones para elegir, enumeraré las más populares,

    • Lado del servidor –
    • PHP – PHP (De Codecademy)
    • Ruby – Tutoriales de programación de Ruby (de Youtube)
    • NodeJS – Node.js Tutorial (Un marco / plataforma basado en Javascript)
  • Marcos del lado del servidor
    • Ruby on Rails – Tutorial de Ruby on Rails (de Youtube)
    • ExpressJS – Node.js Express Framework (De TutorialsPoint)

    • Para la gestión de bases de datos
    • SQL – Tutorial de SQL (de Youtube)
    • MongoDB – MongoDB para principiantes (de Youtube)

    El campo es vasto, ¡pero esto es suficiente para que te montes en la ola!

    ¡Buena suerte!

    El desarrollo web se está volviendo muy complejo día a día. Todos los días aparece un nuevo marco de JavaScript que promete cambiar la forma en que desarrollamos la aplicación web, pero en realidad, es difícil para los principiantes.

    Como mínimo, necesita familiarizarse con HTML, CSS y Javascript.

    Esos son los tres bloques de construcción del desarrollo web moderno.

    Una vez que se familiarice con ellos, puede comenzar a aprender los marcos de Javascript que facilitan el desarrollo de aplicaciones web. A partir de hoy, AngularJS es muy popular y ampliamente utilizado. Aunque, ReactJS se acumula, pero también tiene una curva de aprendizaje muy pronunciada.

    En el backend, también puede comenzar con NodeJS ya que ya aprendió Javascript.

    A lo largo del camino, hay muchas herramientas que necesitará dominar para facilitar el desarrollo de la aplicación haciendo uso de gestores de paquetes (npm, bower, nuget), andamios que escupen plantillas de placa de caldera como Yeoman, etc.

    Eso es. Después de eso, todo depende de cuánto tiempo dedique a la práctica de la programación y qué tan buenas sean sus habilidades analíticas.

    Trabajo para una compañía de desarrollo de software en Phoenix y empecé como desarrollador de back-end escribiendo API’s en C #. A lo largo del último año, pasé mucho tiempo preparándome con los marcos modernos de desarrollo web y me encanta.

    El desarrollo web es mucho mejor ahora que hace 5 años.

    Hola,

    Decidir qué lenguaje de programación aprender primero a menudo depende de sus objetivos como desarrollador web. Por ejemplo, ¿estás buscando convertirte en un desarrollador de Full-stack o solo quieres centrarte en el desarrollo Front-end? En realidad, soy el fundador de BrainStation, y nuestro programa de Desarrollo web a tiempo completo prepara a los estudiantes para que se conviertan en Desarrolladores web de pila completa, enseñándoles lenguajes de programación front-end y back-end. Nuestro plan de estudios comienza con HTML, CSS y JavaScript, antes de pasar a marcos más avanzados.

    Si está buscando aprender habilidades de desarrollo web relevantes para la industria, nuestro curso de desarrollo web remoto a tiempo completo sería una excelente opción. El programa es un compromiso de 10 semanas, de lunes a viernes, de 10 a.m. a 6 p.m. Usted estaría aprendiendo a través de nuestro portal personalizado para estudiantes. Este portal transfiere los atributos físicos de un aula al espacio digital para que nuestros estudiantes puedan levantar sus manos, participar en el programa de compañeros, participar en laboratorios y más. También enfocamos una gran cantidad de contenido en el desarrollo profesional para ayudarlo a prepararse para conseguir un trabajo. Nuestros educadores son los mejores de la línea y provienen de empresas líderes en la industria, por lo que pueden ofrecerle una visión del mundo real sobre lo que es ser un Desarrollador.

    Si no está listo para un compromiso a tiempo completo, también ofrecemos un curso de desarrollo web a tiempo parcial tanto en el campus como en línea, además de los talleres de fin de semana, si desea familiarizarse con el contenido.

    ¡No dude en comunicarse con [email protected] con cualquier pregunta que pueda tener!

    Lenguaje de scripting PHP

    PHP es un dialecto de secuencias de comandos insertado en HTML en el lado del servidor, en varias etapas, que le brinda la oportunidad de crear páginas web dinámicas. Las páginas de sitios web habilitadas por PHP se tratan simplemente como las páginas HTML generales y usted puede crearlas y alterarlas de la misma manera que normalmente crea páginas HTML coherentes. PHP se centra principalmente en las secuencias de comandos del lado del servidor, por lo que puede hacer cualquier cosa que pueda hacer otro sistema CGI, por ejemplo, recopilar información de la estructura, crear contenido dinámico de la página o enviar y recibir premios. PHP es el dialecto de programación utilizado con el dialecto de programación MySQL para hacer que el motor de la cesta de la compra de osCommerce sea la premisa fundamental de nuestra cesta de la compra gratuita AeroCART (vea la demostración de la cesta de la compra de PHP aquí)

    Hay tres rangos fundamentales donde se utilizan scripts PHP.

    Scripts del lado del servidor: Este es el campo objetivo más habitual y fundamental para PHP. Necesitas tres cosas para que esto funcione. Puede obtener el rendimiento del programa PHP con un programa web, viendo la página de PHP a través del servidor. Todo esto puede seguir funcionando en la máquina de su hogar en caso de que simplemente esté explorando diferentes vías con respecto a la programación de PHP.

    Orden de script de línea: puede hacer un script de PHP para ejecutarlo sin servidor o programa. Solo necesitas el analizador de PHP para utilizarlo así. Este tipo de uso es perfecto para los scripts que se ejecutan habitualmente utilizando cron (en * nix o Linux) o el Programador de tareas (en Windows). Estos scripts también pueden utilizarse para tareas de manejo de contenido básico.

    Componer aplicaciones de escritorio: PHP probablemente no es el mejor dialecto para hacer una aplicación de escritorio con una interfaz gráfica de cliente, sin embargo, en el caso de que sepa PHP muy bien, y quiera utilizar algunos aspectos destacados excepcionales de PHP en las aplicaciones del lado del cliente Asimismo, puede utilizar PHP-GTK para componer tales proyectos. Asimismo, puede componer aplicaciones en varias etapas a lo largo de estas líneas.

    • Para la mayoría de los servidores, PHP tiene un módulo; para los demás que admiten el estándar CGI, PHP puede completarse como un procesador CGI. Con PHP, tiene la flexibilidad de elegir un marco de trabajo y un servidor web. Usted también tiene la decisión de utilizar la programación de procedimientos o la programación de preguntas o una combinación de ellas.
    • A pesar de que no se ejecuta cada resaltado de OOP estándar en PHP 4, numerosas bibliotecas de código y aplicaciones expansivas (contando la biblioteca PEAR) están compuestas simplemente utilizando el código OOP. Con PHP no estás obligado a producir HTML. Las capacidades de PHP incorporan imágenes de rendimiento, archivos PDF e incluso imágenes en movimiento Flash (utilizando libswf y Ming) producidas sobre la marcha.
    • De la misma manera, puede producir efectivamente cualquier contenido, por ejemplo, XHTML y cualquier otro documento XML. PHP puede autogenerar estos registros y guardarlos en el marco del documento, en lugar de imprimirlos, configurando una tienda del lado del servidor para su sustancia dinámica.
    • Uno de los componentes más fundamentados y más notables de PHP es su respaldo para una amplia variedad de bases de datos. La composición de una página web con base de datos habilitada es extraordinariamente básica. PHP tiene, en gran medida, aspectos destacados de manejo de contenido útil, desde POSIX Extended o expresiones con Perl consistentes hasta análisis de informes XML.
    • Al utilizar PHP como parte del campo de e-business, descubrirá que la instalación de Cybercash, CyberMUT, VeriSign Payflow Pro y MCVE son útiles para sus programas de instalación en línea.
    • Asimismo, existen otras expansiones interesantes, el índice web mnoGoSearch funciona, las capacidades de la puerta de enlace IRC, numerosas utilidades de presión (gzip, bz2), transformación de horarios, interpretación, etc.

    Respuesta corta: HTML, CSS, JavaScript . ¿Por qué?

    Como mínimo, eso es lo que necesita para mostrar información en el navegador. HTML estructura su información, CSS la estiliza y JavaScript la hace interactiva. No podrá despegar sin ellos y puede ser un desarrollador de frontend utilizando solo estos idiomas.

    Si también desea programar en el backend (o en el servidor), tiene muchas más opciones para los idiomas. En este caso, estará administrando la transferencia de datos entre el navegador y la base de datos, organizando esos datos y, en general, trabajando con mucha más complejidad.

    You can use JavaScript for this as well, so if you’re just starting out, that can be a good idea. Though some developers don’t like JavaScript’s little nuances, it will allow you to focus on only one language’s syntax, that way you can learn the broader concepts behind programming. I work at Thinkful, an online coding school, where we teach part time (Full Stack Flex) and full time (Engineer Immersion) web development courses that train beginners in web development, over 6 months (without quitting your job) or 5 months (immersed all day, every day) respectively.

    The program works — over 90% of students get full-time tech jobs after graduating — and will get you up to speed in web development. We also put together free resources to guide students, like this video on which programming language should you learn first:

    So, if you didn’t watch, you can also learn Ruby, Python, and even C or Java if you want to work in web development. Whatever backend language you choose to pick, the wisest bet will always be to pick one and stick with it. You’re better fully grasping one language at first instead of being a beginner at five languages. Once you’re an expert, learning new languages will be much, much easier.

    JavaScript !

    Sooner or later you have to learn JavaScript anyway. There is no other language about which, at present, we can say that. JS is the ubiquitous language for front end web development. Off course, today you can write in TypeScript and compile them into JS, but eventually JS is what runs on a web browser.

    JavaScript is fun and easy to start. It has its problems. JS has morphed into a very widely used language – far, far beyond the scope it was originally designed for.

    On top of being only viable language for front end development, JavaScript can be used to write backend, thanks to NodeJS. You can chose between many languages for web back end; eg Java, C#, Python, Ruby, JS, C, C++ and so many other things. You probably would end up using something other than JS as your backend language for some of your future projects, and to become a successful software engineer we need to become fluent in more than a few languages. But that is another discussion.

    Well there are two major questions here, as I see it.

    1. You want to re-develop existing with a better UI and UX. I’d suggest that leave the tools and start with pen and paper. Note down the functionalities of the site, break it down into smaller pieces of useful functionality. Then you can start combining the pieces in a way you like (which is better than existing one). Once you are done with the concept, you are ready for the next step.

    2. Get all the assets required in the design process, name them properly and collect them.

    3. Now, depending on the tools you need, start with creating a list of modules you want. Don’t over-do it, just use a minimal number of things to include.

    4. Clean everything up and when you are ready with everything, only then start coding. Don’t spend too much time on coding a replica, It just simply isn’t worth. Spend time on features, concepts and detailing cause that will add the value to your experience as well as portfolio.

    Thanks, Ping me if you need further help.