Esta presentación cubre los temas técnicos de las tres misiones del bootcamp, excluyendo las lecciones de inglés y habilidades de poder.
Usa los botones de navegación para moverte entre las diapositivas.
React.Component. Manejan estado y ciclo de vida con métodos como render() y componentDidMount().useState: Permite a los componentes funcionales manejar su propio estado local. Devuelve el estado actual y una función para actualizarlo.useEffect: Ejecuta efectos secundarios después del renderizado del componente, como llamadas a APIs o suscripciones.useContext (para estado global sin pasar props), useReducer (para lógica de estado compleja), y useRef (para referencias a elementos del DOM).onClick y onChange para vincular funciones a eventos del DOM.event.preventDefault(): Evita el comportamiento predeterminado de un evento, como el envío de un formulario.React Router para crear aplicaciones de una sola página (SPA) con múltiples vistas.create-react-app para generar la estructura inicial de un proyecto React.axios, react-router-dom).App: Estructuración del componente principal que contendrá el resto de la aplicación, incluyendo el estado global y la configuración del enrutador.App) pasa funciones a los componentes hijos (TaskForm, TaskList) a través de props para que estos puedan modificar el estado global..map() para iterar sobre un array de datos y renderizar un componente por cada elemento. Se requiere una prop key única para cada elemento de la lista.npm run build.CREATE DATABASE y CREATE TABLE para definir la estructura de la base de datos y sus tablas, especificando columnas y tipos de datos.INSERT INTO para agregar nuevos registros a una tabla.UPDATE para modificar registros existentes, usando WHERE para especificar qué filas actualizar.DELETE FROM para eliminar registros. Es crucial usar WHERE para no borrar toda la tabla.SELECT para recuperar datos, FROM para especificar la tabla, y WHERE para filtrar resultados. Uso de ORDER BY para ordenar y LIMIT para restringir el número de resultados.SELECT). Se crean en columnas usadas frecuentemente en cláusulas WHERE, JOIN y ORDER BY.CREATE INDEX nombre_indice ON nombre_tabla (columna);INSERT, UPDATE, DELETE) y ocupan espacio adicional.INNER JOIN, LEFT JOIN, RIGHT JOIN.COUNT(), SUM(), AVG(), MAX(), MIN(). Se usan con GROUP BY para agrupar resultados y HAVING para filtrar grupos.WHERE con IN.JOIN, filtrado con WHERE y agregación con GROUP BY para obtener información útil del negocio.EXPLAIN para analizar el plan de ejecución de una consulta e identificar cuellos de botella. Crear índices estratégicos para acelerar las consultas lentas.venv) y luego instalar con pip install Flask.Flask(__name__) y se definen rutas con el decorador @app.route('/').@app.route('/usuario/<nombre>').{{ variable }} y usar estructuras de control {% for item in items %}.render_template(): Función de Flask para renderizar un archivo HTML desde la carpeta templates y pasarle variables./templates para HTML y /static para CSS y JS.request.form.FlaskForm y se definen los campos (StringField, PasswordField).DataRequired(), Email(), Length() para asegurar la integridad de los datos.db.Model para representar las tablas de la base de datos. Cada atributo es una columna (db.Column).db.session.add(objeto) para crear, Modelo.query.all() para leer, modificar el objeto para actualizar, y db.session.delete(objeto) para borrar. Se confirman los cambios con db.session.commit().Usuario debe heredar de UserMixin para ser compatible con Flask-Login.@login_required para restringir el acceso a vistas solo para usuarios autenticados.login_user(usuario) y logout_user() manejan el estado de la sesión.Has revisado todos los temas técnicos del bootcamp de programación de nivel intermedio.
Estos temas cubren el desarrollo frontend con React, la gestión de bases de datos con SQL y el desarrollo backend con Python y Flask, preparándote para construir aplicaciones web completas.