eugenia1984/poloticmisiones-fs-js-python

In Polotic Misiones I am studying Full Stack Web Development with JavaScript and Python

ESPAÑOL

FS con JS y Python - PoloticMisiones

En Polotic Misiones estudio Desarrollo Web Full Stack con JavaScript y Python.
Estaré subiendo las actividades prácticas que haré en el curso.
El trabajo integrador es grupal, asi que lo tendré en otro repositorio

Lo que hice 🚀

Lo ordeno en carpetas por clases.
Como comentario les dejo el lema dado en cada ejercicio

• CLASE 1: lenguaje Python

  • Concepto de Variable
  • Variables Numéricas
  • Punto Flotante
  • Numero Complejos
  • Boolean
  • Strings (Cadenas de Caracteres)
  • Fechas y Horas
  • Como averiguar los tipos de datos
  • Algunas operaciones básicas elementales

---

• CLASE 2: Estructuras de Datos con Python

  • Secuencia de datos : cadenas, listas, tuplas, sets, diccionarios.
  • Estructuras de control y toma de decisiones. Operadores: unarios , aritméticos, relacionales, lógicos, bitwise, de asignación, de membresía, de identidad. Control de flujo: if, operador ternario, for, bucles (break, continue, else.
  • Errores en Python.
  • Funciones.
  • Muódulos.

---

• CLASE 3: Estructuras de Control y Toma de Decisiones en Python

  • Excepciones: Qués una excepcion? , try, else, finally
  • Programacion Orientada a Objetos: Qué es POO?, Principios de POO, Objetos, Clases, Instancias, Funcionalidades built in, Variables de Clase, Metodos con Argumento Variable, Herencia, Operadores de Sobrecarga, Logica dentro de los Metodos

Links:

Documentacion oficial sobre Clases https://docs.python.org/3/tutorial/classes.html

Documentacion oficial sobre Errores/Excepciones https://docs.python.org/3/tutorial/errors.html

---

• CLASE 4: Control de Versiones con GIT

  • Los desafíos del desarrollo de software en equipo
  • Por que usar control de versiones
  • Para que usar control de versiones
  • Tipos de controles de versiones
  • Control de versión distribuida
  • Sistemas basados en Git
  • Instalar Git
  • Utilizar GitLab
  • Conflictos con Merge
  • Branching
  • Forking
  • Pull request

---

• CLASE 5: Introducción al FrontEnd

  • Como se realiza la comunicación web
  • Estructura de un sitio web
  • Hypertext Markup Language
  • HTML 5
  • Document Object Model
  • Layout de un sitio web
  • Etiquetas comunes
  • Lo que introdujo HTML5
  • Formulario simple

Links:

HTML Cheatsehet https://cursos.polotic.misiones.gob.ar/contenido_adjunto/HTML%205%20-%20Hoja%20de%20Consulta%20R__pida_hfvl7s60.png

HTML W3SCHOOLS https://www.w3schools.com/html/

HTML W3SCHOOLS - FORMS https://www.w3schools.com/html/html_forms.asp

---

• CLASE 6 : CSS - Hojas de Estilos en Cascada

  • Aplicando estilos a nuestro codigo HTML
  • Propiedades Comunes de CSS
  • Identificando Elementos
  • Especifidad
  • Selectores de Pseudoclase
  • Selectores de Pseudoelementos

Link:

CSS3 Cheatsheet https://makeawebsitehub.com/wp-content/uploads/2015/10/css3-mega-cheat-sheet.jpg

---

• CLASE 7: Diseño Responsive, Bootstrap y JavaScript

  • Diseño Responsive: viewport, Media Queries, Flexbox, Grid

  • Bootstrap: Qué es una librería Bootstrap?, Cómo incorporarla al HTML?, Cómo aplicar componentes a tu sitio web?

  • JavaScript: ¿Que es JavaScript?, Cómo agregarlo al HTML?, Programación Orientada a Eventos, Event Listeners, Funciones, Variables y Constantes, querySelector, Manipulación del DOM, Imprimir cadenas de caracteres con Template Literals, Archivos Externos, Interactuar con la Consola

Links:

Media Queries: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Bootstrap: https://getbootstrap.com/

Programación orientada a eventos: https://vsvaibhav2016.medium.com/introduction-to-event-driven-programming-28161b79c223

Event Listener: https://www.w3schools.com/js/js_htmldom_eventlistener.asp

Funciones: https://www.w3schools.com/js/js_functions.asp

Template literals: https://www.w3schools.com/js/js_functions.asp

---

• CLASE 8: FrontEnd - JavaScript

  • Funciones Anónimas

  • Funciones Flecha

  • LocalStorage

  • API

  • JSON

  • AJAX

  • Interfaces de Usuario: Concepto de SinglePage Application, Scroll

  • Introduccion a la librería React.js: Qué es y que no es, Elementos fundamentales, Components, Props, State, JSX

Links:

Objetos https://www.w3schools.com/js/js_objects.asp

APIs https://www.mulesoft.com/resources/api/what-is-an-api

JSON https://www.w3schools.com/js/js_json_intro.asp

AJAX https://www.w3schools.com/js/js_ajax_intro.asp

Fetch https://javascript.info/fetch

Promise https://web.dev/promises/

React https://reactjs.org/

Create React App https://reactjs.org/docs/create-a-new-react-app.html

JSX https://reactjs.org/docs/introducing-jsx.html

---

• CLASE 9: django

  • El protocolo HTTP
  • HTTP Request
  • HTTP Response
  • Codigos de Estado
  • Estructura de los Recursos Web (URI/URL/URN)
  • ¿Que es el framework Django?
  • Arquitectura
  • Principios
  • Instalar Django
  • Crear un Proyecto Django
  • Estructura del Proyecto Django
  • Inicializar Servidor Django
  • Crear una Aplicación Django
  • Vistas (Views)
  • Enrutamiento (Routes)
  • URL parametrizadas
  • HTML en Django
  • Django Templates
  • Recursos static

-Dentro de la carpeta de la clase hay:
Una imagen con apunte de comandos
Un código fuente
El PDF con la teoría de la clase

Links:

Django Templates Documentacion : https://docs.djangoproject.com/en/3.2/topics/templates/
Instalar Django en Entornos Virtuales : https://www.geeksforgeeks.org/django-basics/
Introducción e Instalacion: https://www.geeksforgeeks.org/django-introduction-and-installation/

---

• CLASE 10: django

  • Aplicando un poco de Lógica
  • Formularios con Django
  • Seguridad con tokens CSRF
  • Django Forms
  • Manejo de Sesiones
  • Modelos en Django
  • Migrations
  • Shell
  • Django Admin

Anexo 1

• Que es CRUD
• CREATE
• READ
• UPDATE
• DELETE

Anexo 2

• Desplegando Django a Producción
• Proveedor de Hosting
• Preparaciones y Requerimientos
• Estructura
• Ejemplo de despliegue en Heroku

---

• CLASE 11: django

RELACIONES ENTRE MODELOS

• Relaciones directas: ForeignKey
• Filter de Objects
• Relaciones Mucho a Muchos: ManyToManyField
• Exclude de Objectos en una Lista

PERSISTENCIA

• Sistemas de Gestion de Bases de Datos
• Structured Query Language
• SQLite
• MySQL
• Crear una Tabla
• Constraints
• Insertar Datos en una Tabla
• Obtener Datos de una Tabla
• Funciones y otras cláusulas
• Claves Foráneas y Juntas
• Vincular MySQL con Django
• Seguridad con Python Decouple

AUTENTICACION

• Utilizando el modelo Users
• Interfaz de administracion (Usuarios y Grupos)
• Autenticar con el sistema auth de Django
• Templates custom para login
• Permisos
• Crear un formulario de registro (SignUp)

ANEXO I

• NoSQL / MongoDB

ANEXO II

• Testing
• Unit Test
• Django Test
• Client Test / Selenium

ARCHIVOS EN CARPETA CLASE 11:

• Anexo 1 Mongo DB
• Anexo 2 Testing
• Codigo Fuente Blog de Ejemplo en archivo blog.zip
• Código fuente de la clase en archivo .zip
• Presentación de la clase en archivo: relaciones_persistencia_autenticacion.pdf

---

Contenido 🚀

Este proyecto solo tiene una carpeta por cada clase, con su respectivo contenido teoríco en PDF, ejercicios de ejemplo y actividades prácticas.

---

Stack tecnológico 🛠️

PYTHON, HTML , CSS, BOOTSTRAP, JAVASCRIPT , DJANGO

Por favor: 🎁

• Comparte este proyecto con otros 📢
• Invita una cerveza 🍺 o un café ☕ a alguien del equipo.
• Muchas gracias 🤓.

---

Notas

Agradezco su interés en este proyecto ⌨️ con ❤️ de María Eugenia Costa 😊 y sígueme en LinkedIn - maria-eugenia-costa

---