Lecturas - SidVal/dev.web GitHub Wiki
Si hay tiempo, es bueno darle una lectura a estas páginas
JavaScript Español
[Migrado a las lecturas de /c/js]
jQuery
Node
Contenido migrado a
/c/node/
- no actualizar más en esta parte del wiki
Angular
Express
Express es un framework web veloz, no dogmático, flexible y minimalista para Node.js (Node es un entorno sin explorador web para ejecutar JavaScript). Proporciona un conjunto de características robusto para aplicaciones web y móviles y entrega valiosos métodos de utilidades HTTP y middleware.
Fuente developer.mozilla.org/.../Server-side/Primeros_pasos/Web_frameworks
HTML
Para construir websites, debes conocer sobre HTML — ésta es la tecnología fundamental usada para definir la estructura de una página web. El HTML es usado para especificar si el contenido de la web debe ser reconocido como un párrafo, una lista, un título, un enlace, una imagen, un reproductor multimedia, un formulario o uno de muchos otros elementos disponibles, o incluso un nuevo elemento que se defina.
Fuente: HTML Nota, la guía en inglés es mucho más completa: Learning HTML: Guides and tutorials
CSS
- Introducción a CSS
- Css a fondo
- Cómo centrar y distribuir elementos HTML con el módulo flexbox de CSS
SASS
Más información
- w3c España: La principal actividad del W3C es desarrollar protocolos y directrices que aseguren el crecimiento de la Web a largo plazo. Los estándares del W3C definen las partes claves que hacen que la World Wide Web funcione.
- Primeros pasos en la Web [Leído]
- Primeros Pasos en la Programación de Lado-Servidor [Leído]
- Habilitación de HTTPS en tus servidores
- Política de seguridad de contenido
- Accesibilidad Web
- WAI: estrategias, pautas, recursos para hacer la Web accesible a personas con discapacidad
- Redux
- Acceso visual a tareas de npm desde Visual Studio Code
JavaScript Inglés
[Migrado a las lecturas de /c/js]
TypeScript
JQuery
Node
Contenido migrado a
/c/node/
- no actualizar más en esta parte del wiki
Angular
- Ver readme de
/c/angularjs
- Creating Beautiful Apps with Angular Material
- What's New in Angular 6
- Understanding ViewEncapsulation in Angular
- React vs. Vue (vs. Angular)
VUE
Express
Express-Tutorials
- Express Tutorial: The Local Library website
- Express Tutorial Part 2: Creating a skeleton website
- Express Tutorial Part 3: Using a Database (with Mongoose)
- Express Tutorial Part 4: Routes and controllers
- Express Tutorial Part 5: Displaying library data
- Express Tutorial Part 6: Working with forms
- Express Tutorial Part 7: Deploying to production
HTML
- Learning HTML: Guides and tutorials
- Using the HTML Texatarea Element
- Responsive tables, revisited
- HTML and CSS Space 🌌 to Create Layouts to Increase User 🙌 Engagement Using line-height, whitespace and margin
CSS
- Learn to style HTML using CSS
- Selectors
- Getting Started with CSS Shapes
- Page Transitions for Everyone
- The CSS Grid Layout vs CSS Frameworks Debate
- New CSS Features That Are Changing Web Design
- Where Lines Break is Complicated. Here’s all the Related CSS and HTML
- In defense of Functional CSS
- Layouts With CSS: Flexbox or Grid?
- The Complete Illustrated Flexbox Tutorial
- How I dropped 250KB of dead CSS weight with PurgeCSS
SASS
Responsive
- Responsive >> Armé sección separada para Progressive web apps en el sitio.
Bootstrap
NO agregar más contenido aquí., hacerlo directamente al root
/c/bootstrap/
MongoDB
- Contenido migrado a
/c/mongodb/
React
- Introducing React-Static — A progressive static-site framework for React!
- create-react-app — Learn the quickest way to get started with React.
- react-router — Simple routing for React.
- Navigating the React.JS Ecosystem
- Official React Tutorial
- How To Write Better Code In React
- 5 Tools For Faster Development In React
Others
- Web Fundamentals
- Web Architecture 101
- Introduction to Web Accessibility
- atomic design
- Atomic Design: How to Design a Modular Website
- Pattern Lab Documentation
- What are browser developer tools?
- Using ARIA in html
- Glossary
- Setup Jekyll Github CloudFlare SSL
- REST vs. GraphQL: A Critical Review
- Visual Studio Code Can Do That?
- GraphQL: front-end queries made easy
- Calling all web developers: here’s why you should be using Firefox
- https://devdocs.io/ <-- agregar en https://github.com/SidVal/dev.web/blob/20181003/docs/c/README.md#referencias
- https://redux.js.org/basics
SEO
- JavaScript Framework SEO
- MicroData, JSON-LD & Schema.org Rich Snippets
- Should You Use Accelerated Mobile Pages ⚡ (AMP)? What is Wrong 💩 With AMP and What Can You Do To Improve 📈 Your Site
- Using Browser 👩💻 Hints: prefetch, preload and prerender to Improve Your Page Load Times