Cómo construir un sitio web AngularJS

Esta en general es una pregunta muy amplia y confusa.

Primero, debe especificar sus objetivos: ya sea para aprender Angular, o para ganar dinero rápido una vez, o para comenzar un proyecto que se va a desarrollar y mejorar a lo largo de los años. Si su objetivo no es aprender Angular, ¿ha estudiado otros marcos modernos y muy prometedores: http://facebook.github.io/react/ + https://facebook.github.io/flux/, o https: // famo .nosotros/.

A continuación, debe comprender qué es exactamente lo que va a construir: solo un sitio web con páginas, artículos y comentarios, o una aplicación web más compleja. Esto influye en el nivel de detalle que tendrá que desarrollar antes de comenzar a implementar realmente algo, y la arquitectura general. Angular en sí mismo no fuerza una arquitectura específica, y tendrá que seleccionar una que se adapte a su proyecto.

También debe determinar cuánto tiempo va a apoyar los resultados de su trabajo. Esto influye directamente en la arquitectura, el diseño del sistema de archivos de los componentes, etc. El ecosistema también es importante: qué cantidad de módulos listos para usar están disponibles y son compatibles con el marco con el que comienzas (GitHub, npm y Bower deberían ayudarte), cuáles son las tendencias del desarrollo (también puedes seguirlas en GitHub).

Además de la guía para desarrolladores de AngularJS, un buen lugar para comenzar serían estos tutoriales: egghead.io – Aprenda AngularJS con videos tutoriales y capacitación Le ayudarán a sumergirse en el marco y comprender sus conceptos básicos, sistema de módulos e inyección de dependencia, etc.

Para construir un sitio web angular y disfrutar del proceso, le sugiero que primero se desvíe.

Investigue un poco sobre las tendencias actuales en el desarrollo web, familiarícese con las herramientas del comercio, le sugiero que busque en node.js, npm, bower, grunt y yeoman (todos estos dependen unos de otros en varios grados) .

Cuando haga todas esas cosas y esté listo para comenzar a construir su sitio web, no lo haga. Use las herramientas para hacerlo, por ejemplo, andamiaje del sitio web angular usando yeoman. Cada vez que encuentre un nuevo problema, nunca intente resolverlo usted mismo, siempre trate de encontrar alguna biblioteca para usar (Bower lo hace extremadamente fácil). Supongamos que desea realizar llamadas REST api, usar restangular, no su propia solución. ¿Necesita soporte multilenguaje? Angular.translate hará el truco.

Si planea construir la interfaz de usuario usted mismo, nuevamente, no comience desde cero. Encuentra un tema o una plantilla y úsala. Si le gusta el diseño de materiales, use algunas de las bibliotecas existentes, como materia.angular, etc.

El uso de las otras herramientas creadas no solo hará que su experiencia como desarrollador sea agradable, sino que también desarrolle sus habilidades de varias maneras y lo ayudará en el futuro previsible.

Hay muchos tutoriales básicos disponibles, así que lo pondré de esta manera. ¿Estás familiarizado con html, css y javascript para empezar? Si la respuesta es no a cualquiera de ellos, entonces primero debe estudiar esos temas y luego, cuando esté familiarizado con ellos, puede ingresar a AngularJS. En esta etapa, primero debe aprender qué es Angular y qué cosas puede lograr con AngularJS, lo que no puede hacer con html / css y javascript actuales. Cuando encuentre sus respuestas, puede comenzar su viaje con AngularJS aprendiendo sus conceptos básicos y creando algunas cosas simples con la ayuda de los tutoriales disponibles.

Primero, debe comenzar desde el concepto básico del lenguaje de programación e intentar aprender Javascript y HTML.

Si ya está familiarizado con Javascript y HTML, puede establecer su objetivo para AngularJs. Muchos tutoriales en línea disponibles para aprender AngularJs para que pueda comenzar con información básica como qué es AngularJs y cómo funciona y qué es ng-model, directivas, servicios, fábrica, etc.

El mejor lugar para comenzar es la documentación de la guía para desarrolladores de AngularJS

Aquí hay un buen tutorial: Tutorial de AngularJS: Aprenda a construir un clon de Reddit en tiempo real

Un buen punto de partida es el generador yeoman generador-angular-fullstack.

DaftMonk / generador-angular-fullstack

Gracias por su respuesta.
Aprendí muchas cosas de ti.
Muchas gracias. 🙂