Estoy interesado en aprender cómo diseñar y crear sitios web y aplicaciones. ¿Donde debería empezar?

SÓLO SALTE A LA DERECHA.
La metodología “READY. SHOOT. AIMes lo que recomiendo .

Como una persona que aprendió el diseño y desarrollo web desde cero por mi cuenta con recursos gratuitos disponibles en línea, no puedo comenzar a decirle cuán ridículamente difícil parece ser lo que realmente es aprender a programar en la web.

Le sugiero que comience con el diseño web (codificación front-end, básicamente la apariencia y la capacidad de respuesta), y luego vaya al desarrollo web (codificación en segundo plano, conectividad de base de datos, etc.). Para crear un sitio web simple, solo necesita la parte de diseño web /

Aquí hay una lista de tecnologías que necesitará aprender (puede parecer una gran lista para dominar, pero no se preocupe, son sorprendentemente fáciles de aprender):

Para el diseño:

  1. HTML (DUH): es el lenguaje que utiliza para marcar el contenido en una página web, por ejemplo, un botón, un enlace o una imagen. Utiliza HTML para marcar el contenido que coloca en un sitio web, de ahí la abreviatura Hyper Text Markup Language. No se deje intimidar por la parte ‘Hyper Text’, es solo un término técnico simple.
  2. CSS (hoja de estilo en cascada): utiliza ‘hojas de estilo’ para describir la apariencia (tamaño, posición, color, fuente, etc.) del contenido que marcó con HTML.
  3. JavaScript : JavaScript se usa para dar vida y capacidad de respuesta a la página web. Por ejemplo, lo usa para programar lo que sucede cuando un mouse se desplaza sobre una imagen o cualquier elemento. Si desea aumentar el tamaño de fuente de un botón cuando alguien pasa el mouse sobre un botón, JavaScript es lo que usará para que eso suceda.
  4. Cualquier software de edición de imágenes (elija uno que se use con bastante frecuencia para que muchos tutoriales estén fácilmente disponibles, recomiendo el Programa de manipulación de imágenes GNU): necesita algunas habilidades simples de edición de imágenes (también bastante fáciles de aprender). Principalmente necesita esto para crear una maqueta del sitio web antes de que pueda comenzar a diseñarlo. Una vez que tenga una maqueta, puede comenzar a dividirla en elementos y representarlos mediante la combinación de HTML + CSS.

Cómo aprender estas tecnologías:

  1. Muchas personas le advertirán contra el uso de los Tutoriales en línea de W3Schools, vaya, qué equivocados están. Puede que no sea el mejor recurso para dominar estos idiomas, pero le prometo que, como principiante, prácticamente no hay una mejor fuente para obtener un curso inicial de Head-first-shoot-first-aim-later principiante para aprender HTML, CSS y JavaScript. Lo guiarán (o lo guiarán) a través de estas tecnologías, brindándole una comprensión básica de cómo estas tecnologías funcionan juntas para crear un sitio web.
  2. Esta guía es lo que me hizo comenzar a pensar en lo fácil que es aprender Photoshop, Aprenda los conceptos básicos de Photoshop: la guía completa. Aunque los tutoriales se centran en Photoshop, la mayoría de los editores de imágenes (incluso los gratuitos como Gimp) son casi 100% similares y se puede aplicar la misma habilidad.
  3. Una vez que haya leído esos tutoriales y haya entendido bien esas tecnologías, invierta en libros realmente buenos. Recomiendo libros reales y no libros electrónicos, confía en mí, es mucho más fácil comprometerse a aprender algo una vez que tenga un libro sólido que lo mira desde su mesa. (Recuerde, no tiene que aprender TODO lo que hay que saber sobre ellos, principalmente necesita saber qué tecnología necesita usar para una tarea determinada. Cómo usarlo es algo que puede resolver usando una simple búsqueda en Google, Ejemplo ‘Cómo agrego sombras a elementos usando css’).
  4. Su mejor amigo cuando se trata de aprender CSS es la opción ‘inspeccionar elemento’ en un navegador Chrome. Pruébelo ahora, haga clic con el botón derecho en el icono de Quora en la esquina superior izquierda y seleccione inspeccionar el elemento del menú desplegable que aparece. Se abre un gran cuadro de miedo desde la parte inferior del navegador, no lo temas, para ti y se convertirá en BFF total una vez que lo conozcas. En el cuadro, el lado izquierdo muestra el html del contenido en el que hizo clic, y en el lado derecho estará el CSS de ese contenido que tendrá ‘reglas’ que le darán su apariencia.

UNA COSA MUY IMPORTANTE QUE DEBE RECORDAR DURANTE EL PROCESO ES RECORDAR PARA MANTENERSE MOTIVANTE, CELEBRAR CADA PEQUEÑA COSA NUEVA QUE APRENDA TODOS LOS DÍAS.

“¿ACABASTE UN TEMA EN HTML HOY? FOLLATE, SÍ, ERES UN MODAFUCKIN ‘BOSS. IR A CONSEGUIRTE UN ICECREAM DE DIOSA” es lo que te estoy diciendo aquí.

Te prometo que una vez que tengas una comprensión vaga de cómo funcionan juntas estas tecnologías, experimentarás ese “¡Mierda! Ese tipo en Internet fue totalmente jodido, esta mierda es fácil”.

Bueno, antes que nada, trabajar en la web y en aplicaciones implica diferentes habilidades. Pueden estar convergiendo, pero por el momento, debes elegir uno u otro. Recomiendo comenzar con la web. Eso no implica la programación real en las etapas iniciales, por lo que es más fácil para un novato entrar.

En segundo lugar, en estos días, el diseño (la parte bonita) y el desarrollo (la parte programática) suelen estar separados. Se necesitan años para ser asombroso en el diseño y se necesitan años para ser asombroso en el desarrollo; tu mejor opción puede ser ser increíble en uno y luego decidir si realmente quieres seguir con el otro. Esto supone que estás buscando el camino más rápido hacia una carrera. Si esto es simplemente un pasatiempo, no dude en tomarse su tiempo para explorar ambas partes al mismo tiempo. Probablemente necesitará hacer una exploración inicial en ambos para poder descubrir cuál le gusta más.

Asumiré que estás comenzando desde cero: las computadoras son cajas mágicas, Internet es una serie de tubos, los sitios web son misterios totales. Ahí es donde estaba en 199mumble, cuando comencé a enseñarme. Pregunté con mis amigos nerdier y me dijeron que necesitaba “aprender HTML”, lo que sea que eso significara. Entonces compré HTML para Dummies. Y honestamente, ahí es donde te sugiero que comiences. No compre una edición más reciente que mencione XHTML y CSS. Festeja como si fuera 1995. Aprende los conceptos básicos sobre qué es un sitio web, qué es el marcado, cómo funciona la web, ese tipo de cosas. Cuando pueda crear un sitio web simple en su computadora que tenga varias páginas con imágenes, enlaces y texto, estará listo para avanzar.

En este punto, registraría un dominio barato y obtendría un plan de alojamiento web barato. Debes comenzar a jugar en Internet y también puedes configurar un espacio de juego. Descubre qué dominios y servidores son. Descubre cómo llevar un archivo de tu computadora al servidor.

Entonces creo que CSS es un buen próximo paso. Debe comprender que la web ha cambiado desde 1995, y este es probablemente el cambio más fácil para comenzar. Hay muchos libros de CSS para principiantes en el mercado. Usé CSS: El manual que falta.

Entonces comenzaría a jugar con WordPress. WordPress puede ser una introducción suave a las páginas web dinámicas, que es otro concepto importante que debes tener en cuenta antes de poder abordar los detalles de Javascript, PHP, etc. Una vez que estés a la altura de un sitio de WordPress, y comienzas a darte cuenta de lo que realmente implican las páginas web dinámicas, ya sea que corras gritando en la noche, nunca intentes algo más complicado que bloguear, o avanzarás hacia las cosas realmente crujientes.

¡La mejor de las suertes!

Resuelve un problema .

Tienes una batalla muy larga y cuesta arriba por delante si “apenas sabes algo sobre computadoras”. Comience con un objetivo muy pequeño como “Quiero hacer un sitio web de una sola página en mi computadora local” o “Quiero imprimir ‘hola mundo’ en la consola”.

Parte del problema es que parece carecer de conocimientos generales de informática. Así que salta ese obstáculo primero. Luego obtenga alfabetización programática aprendiendo un lenguaje de programación. Luego, debe aplicarlo a algún dominio, probablemente a la web y las páginas web, por lo que tendrá que aprender una gran cantidad de idiomas web que pueden o no ser el mismo idioma en el que comenzó. E incluso entonces, Si sabes cómo hacer cosas web, eso no garantiza que nada de eso sea bueno, exitoso o útil.

Dudo en recomendar idiomas específicos … Desde donde se encuentra actualmente, el idioma realmente no importa, ya que aparentemente le falta mucho.

Simplemente comience en alguna parte, con un objetivo en mente, y reevalúe continuamente cómo lo está haciendo. La elección de los pasos a seguir se hará más clara a medida que avance.

El proyecto Odin: Aprenda desarrollo web gratis. Esta es siempre mi respuesta en preguntas similares a estas. ¡Es un recurso increíble y una comunidad súper genial, accesible y amigable! Tiene la mayoría de los recursos que la gente ha enumerado en las lecciones, así como una guía para usarlos.

Diseñar y crear sitios web o aplicaciones son dos conjuntos de habilidades diferentes.

Si su pasión es el diseño hermoso, entonces debe centrarse más en el diseño gráfico (también conocido como diseño visual). Para esto, le recomendaría que lea el libro la guía del diseñador para diseñadores para los principios básicos y aprenda Photoshop / Illustrator; puede encontrar muchos tutoriales en línea o en psd tuts suite.

Si realmente quiere construir cosas, comience con html / css / javascript: los cursos de codecademy son bastante amigables para principiantes. Son muy fáciles de aprender e incluso se pueden usar para desarrollar aplicaciones más adelante con la ayuda de una plataforma, como Phonegap.

También me gusta construir sitios web y tu edad está bien, de hecho, ¡la edad no importa cuando se trata de aprender! Y he aprendido de los tutoriales en línea. Sugiero aprender a construir su propio sitio web a partir de tutoriales en línea. Es fácil de entender y seguir. Me gustaría compartir un tutorial en línea mediante el cual puede crear fácilmente su propio sitio web sin usar una codificación tediosa y tampoco se requiere experiencia. Puede visitar el sitio http://www.OpenWebsiteTutorials.com ; Este tutorial es muy útil para principiantes. Explica cómo crear su propio sitio web utilizando WordPress, que es un software gratuito y de código abierto.

¿Qué hay de convertirse en un chef en su lugar?

el mundo de la tecnología es un hoyo de conejo profundo … no sabes dónde terminarás. prepárate para dedicar al menos 2 años.

¿Qué tipo de aplicación nativa desarrollarías?

¿Qué tipo de aplicación web desarrollarías?

¿Qué idiomas / plataformas le interesan?

¿Qué tipos de tecnologías piensan que componen quora? ¿Puedes ver las complejidades / la fluidez de las tecnologías que se utilizan? ¿Conoces el nivel de habilidades técnicas que el fundador tuvo para crear esta cosa? Muchos años, muchos programas, pensamiento e ingeniería realmente detallados están involucrados.

More Interesting

Quiero especializarme en lugar de ser un desarrollador de pila completa. ¿Cuáles son algunos nichos que debería mirar?

No he tocado el desarrollo web en 10 años. ¿Qué me he perdido y cuáles son las mejores herramientas de tendencias que debería elegir ahora en 2015?

¿Puedo usarlo para mi sitio web?

¿Cuál es la mejor manera de organizar el desarrollo web cuando no eres un programador pero necesitas un sitio web bastante complejo para una nueva línea de negocios?

Necesito agregar la función de notificación en mi sitio web como la de Facebook usando PHP y MySQL. ¿Cómo debo comenzar?

Si tengo el desarrollo de back-end y la interfaz de usuario front-end, ¿cuál es la mejor manera de integrar estas cosas?

Quiero crear un anti-ransomeware pero no tengo ningún desarrollador. ¿Como empiezo?

He ido y venido entre el desarrollo web y el desarrollo de software. ¿Cual deberia elegir?

Tengo una aplicación web basada en PHP / CSS / JS. ¿Hay alguna forma de convertirlo en un proyecto CMS o adaptarlo para usarlo en un marco?

Acabo de comenzar un nuevo sitio web, ¿debo publicar diariamente o con menos frecuencia para empezar?

No puedo desactivar el clic derecho en las imágenes de mi blog usando este código JavaScript. ¿Qué posibles errores puedo estar cometiendo?

He seleccionado un tema de WordPress receptivo que no funciona en dispositivos móviles. ¿Hay alguna forma de activarlo?

¿Soy la única persona que piensa que jQuery y bootstrap deben colocarse en el compartimento 'no tocar este' del cinturón de herramientas del desarrollador / diseñador?

Si uso CDN para mi sitio web de WordPress, ¿hay algún beneficio?

Cómo vincular archivos PHP y SQL existentes para crear una página web