Algunos sitios proveen las herramientas necesarias para probar el front-end de tu aplicación web de forma rápida y accesible para tus clientes o equipo de desarrollo. Sitios como CodeSandbox, Repl.it o Stackblitz pueden utilizarse como entornos más complejos para SPA
- Conoce las resoluciones más utilizadas con Screen Siz.es o My Device.
- Identifica tu público objetivo a través de las estadísticas actuales con Google Analytics o de W3CSchools
- Elige una estrategia: Progressive enhacement (Mobile first) o Graceful degradation (Desktop first)
Un rápido repaso de JavaScript 6 y TypeScript con un Playground para comparar y comprobar. En el handbook de TypeScript puedes encontrar las referencias completas a este superset de JavaScript.
La guía general con los contenidos de la materia puedes encontrarla en la carpeta Diapositivas.
Existen algunos sitios especializados, como A List Apart Mozilla Developer Network, CSS-Tricks, HTML5Doctor, HTML.com, W3Schools, Codepen y Google Developers dado que tienen publicaciones interesantes, relacionadas con el desarrollo de aplicaciones web.
Para el control de versiones de las prácticas y los proyectos deberás utilizar un repositorio remoto para control de versiones, algunos sistemas de administración de repositorios remotos que podrías considerar: GitHub, BitBucket y GitLab.
En relación a las herramientas de edición, podrías considerar: Sublime Text 3, Notepad++ y Atom, incluso un editor más potente como el Visual Studio Code.
El proceso de diseño y maquetación conlleva la creación de mockups, entre las herramientas que podrías considerar para esto, tenemos: Balsamiq, OneNote, Mockplus, Wireframe, Moqups, Fluid, SmartMockups y otros que puedes encontrar en línea.
Mientras diseñas tu sitio web, puedes utilizar los inspectores de Mozilla o Chrome para verificar la estructura semántica de las páginas. Y algunos cheatsheets de HTML/CSS/GIT en la carpeta Recursos, Google Web Fonts y Bootstrap
- Íconos
- 'Black White Social Media' by youtube.com/AlfredoCreates. (2018). Iconfinder. Retrieved 3 October 2018, from https://www.iconfinder.com/iconsets/black-white-social-media
- Fuentes
- 20 Best Google Web Fonts. (2018). Awwwards.com. Retrieved 3 October 2018, from https://www.awwwards.com/20-best-web-fonts-from-google-web-fonts-and-font-face.html
Basic writing and formatting syntax - User Documentation. (2018). Help.github.com. Retrieved 25 September 2018, from Basic writing and formatting syntax