Vamos a estar trabajando con un bootcamp donde incluiremos practicas de laboratorio en cada Tecnica y las contextualizaremos usando AI y Sheet Cheet la parte academica se va a divir en 6 partes cada una de ellas con su respectivo aspecto teorico para formarnos como fullstack
pie title AQUICREAMOS BOOTCAMP
"ARQUITECTURA" : 15
"PLANEACIÓN" : 15
"ANÁLISIS" : 20
"DISEÑO" : 30
"FRONTEND" : 35
"ANIMACIONES" : 5
"BACKEND" : 15
"API AI (GEMINI-ELEVENLABS-CHATGPT4)" : 5
"DOCUMENTACION" : 5
"DESPLIEGUE" : 10
Arquitecturas -> Protipados -> Requerimientos -> Diseño -> Analisis -> Tecnologías | Pendientes: Patrones de Diseño
Herramienta vectoriales -> Taller de Figma uso completo de la herramienta -> introducción a Storybook -> Atomic Design -> Design Systems -> Design Tockens
Javascript y Nodejs, Introducción a las instalaciones / configuraciones con packagejson y NPM, Status, Routers Node, JS: For - While - IF - Map - Middlewares, Openai Introducción, Fetch front y back (GET, POST, PUT, DELETE), Taller de Entrenamiento de IA con chatgpt API, Input fetch preload, Input get Audio convert searchH CHATGPT API (3), Uso de ElevenLabs, POSTGRESQL NODE JS
Aprende de 0 HTML5
- Structure y Doctypes
- Paragraph y Text formatting
- Links
- Lists
- Images
- Tables
- Forms
- Extra Markup
- Data formating
- Introducing CSS 11. Color
- Text
- Boxes and Sectioning
- Iframes
- Layout HTML5
- Semantic Layout HTML5
Intro to Inputs
input -> captura datos tipo texto o numero select -> datos prehechos a seleccionar input -> radio - circulo unico > input -> checkbox -> cuadrado multiple textarea -> parrafo form -> get | post | put | delete input -> submit
- Media elements - Video & Audio
Aprende de 0 Tailwind y CSS3
timeline
title TAILWIND Y CSS3 de 0
Iniciando : Installing Tailwind : Quick Start
Tailwind Basics : Preflight : Prefixes y pseudo-classes : CSS Units : Pluggins - List to Pluggins
Typography : Color and Opacity : Alignment and Spacing : Lists : Formularios Tailwind
The Box : Can You See the Box? : What’s in the Box? : Padding and Margins : Borders : Background Color : Background Images : Height and Width
Page Layout: Containers : Floats and Clears : Position and Z-Index : Tables : Grids : Flexbox : Box Alignment
Responsive Design: Screen Widths and Breakpoints : Hide Based on Size : Fewer Grid Columns on Small Devices : Flex on Larger Devices
Customizing Tailwind: Configuration File Basics : Change Default Values : Change Generated Classes : Configure Variant Prefixes : Integrate with Existing CSS : Access Tailwind from JavaScript : Purge CSS
Introduccion a las maquetaciones con React y Next js
Proximamente Maquetaciones con -> Next UI
Javascript -> TypeScript -> Next js -> React - Zustand js -> React Query -> Framer motion -> Scroll Animations -> Animations -> Formik
Pendientes: Patrones de Diseño -> Diseño del backend -> Python FastAPI -> Autenticación JWT AUTH -> SQL - MYSQL -> json Mocks
-> GIT- GITHUB
Estos han sido las personas que han contribuido a nuestro proyecto!
Mira contributing.md
para que puedas ver el listado de contribuyentes.
Por favor lee el codigo de conducta code of conduct
.