Recursos y fuentes para acceso rapido

General

Repos en general - Ir a Git Hub
# Name Descripcion Link
1 Edyoda Cursos semi-gratuitos Link
2 MDBootstrap Cosas de bootstrap muy utiles Link
3 Udemy Mis cursos de Udemy Link
4 Free Code Camp Cursos y noticias de programacion, mil recursos buenos Link
5 Free Code Camp - YT Cursos de FCC pero en YT, importante tambien Link
6 Proyecto Odin Curso unico de proyecto que contiene todo lo necesario para el desarrollo full stack Link
7 Cursos gratis de Udemy Subreddiy r/udemyfreebies para obtener cursos gratis de Udemy, clave para tener en cuenta muchos cursos de alta calidad Link

Go To Section

Backend

Python

# Name Descripcion Link
1 Pypi Paquetes de Python Link
2 Link

Flask

Flask Handbook
# Name Descripcion Link
1 Flask Blueprints Blueprints de Flask, documentacion importante para crear rutas Link
2 Documentacion Werkzeug Documentacion de Werkzeug, paquete para el OAuth Link
3 Documentacion Jinja Documentacion de Jinja, paquete para crear esqueletos con herencia, funciones varias con Jinja tambien Link
4 Documentacion Jinja-Flash Documentacion para comunicar mensajes de error, paquete Flash (get in flashed_messages bla bla) Link
5 Video contact form & E-mail Video donde conecta un form de 'contact me' con STMP de gmail Link
6 Documentacion de contact form & E-mail Documentacion para enviar mail con paquetes email y message y variables de entorno Link
7 Documentacion WTFORMS Documentacion para enviar mail con paquete WTFORms (bastante mas complejo que el anterior) Link

C#

# Name Descripcion Link
1 That c# guy Guia completa para C# Link
2 Aplicacion completa con c# Video de creacion completa con c# Link

Selenium

# Name Descripcion Link
1 Introduccion a Selenium Video de introduccion a selenium/td> Link
2 Selenium Playground Pagina con HTML simple para automatizar sus pasos Link
3 Execute Automation Curso de automation Link
4 Nahual Pagina de Nahual con proyectos para automarizar, mas de practica que otra cosa Link

Frontend

HTML

# Name Descripcion Link Link 2
1 Refactoring UI Pagina que suplanta bootstrap para crear cosas de diseño sin necesidad de bts Link
2 HTML Cheat Sheet HTML cosas de documentacion con vista facil, tambien tiene de CSS y JS en pestañas superiores pero meh Link
3 PNG Transparent Para sacar una imagen de google tipo PNG, ponerla transparente y usarla como icono, rebuscado pero funciona Link
4 Contact Form Static Page Para poder enviarse mails desde una pagina sin necesidad de un backend, funciona bien para GitHub Pages Link

CSS

# Name Descripcion Link Link 2
1 CSS Batle Challenges de CSS para copiar elementos y buscar el clonado exacto, esta bueno para practicar pero nada que no haga el BTS Link
2 Selectores Selectores de elementos Link Link
3 Responsive buttons Botones que responden a acciones, varios de distintos colores, vienen bien Link
4 Tabla de propiedades y valores Resumen de propiedades y valores para css, importante Link Link
5 Gradient Colores degrade con ejemplos, segun se use queda bien o muy mal, a fijarse mas ejemplos que crear propios Link
6 Media queries Media queries para poder re-escalar pagina correctamente Link Link
7 Color palletes Paleta de colores para crear pagina web y no delirar, conveniente para agregar al :root y no flashear Link Link
8 KeyFrames Video tutorial de como animar un elemento y despues como crear animaciones mas faciles y agregarlas al CSS, la extension de Chrome, una vez visto lo primero, es lo mas util Link Link
9 Text Shadow Generator Generador de Text Shadow en tiempo real, bastante clave. El mejor color es el negro Link

HTML y CSS

# Name Descripcion Link Link 2
1 Frontend mentor challenges Challenges para practicar sin bootstrap, varios premium igual... Link
2 Footer Como colocar el Footer 100% abajo en la pagina, infalibe y mas que util Link
3 Iconos Iconos de font awesome, gratuitos pero a veces recomiendo armar propios con proximo elemento Link
4 Google Fonts Fonts sacadas desde google para elegir tipo de letra y agregar al :root Link
5 Flex box Flexbox para suplantar grillas Link Link
6 Grid layouts Grid layout en caso de no usar 'Container', modelo de la caja, etc Link Link
7 Scroll animations Scroll animations tipo fade-in/out para secciones, facil de usar! Link

Bootstrap

# Name Descripcion Link
1 Bootstrap - Oficial Documentacion de bootstrap 4 oficial, components, themes y demas Link
2 Bootstrap - Spacing Documentacion de espaciado para modificar componentes Link
3 Bootstrap - Nav bars Documentacion de barra de navegacion, clave Link
4 Bootstrap - Imgs Documentacion de imagenes, para formatearlas sin necesidad de CSS Link
5 Bootstrap - Grid Layout De lo mas importante para aprender a estructura un sitio responsivo de manera facil Link
6 Bootstrap - Buttons Bootstrap buttons, clave... Link

JS

# Name Descripcion Link Link 2
1 Javascript 30 Challenges de JS para hacer en vivo, source code incluido, ta piola Link
2 HTML DOM Funciones para manejar HTML Link
3 Programacion Funcional Manera de escribir funciones de una manera mucho mas escalable y legible Link Link
4 JS Challenges Desafios de JS para practicar, como el 1 Link
5 Arrow Functions Video para entender la escritura de funciones con flechas, no es dificil pero se necesita darle bola Link
6 Debug Javascript with Live Server Debugear codigo con funcions JS sin necesidad de instalar Node Link

REACT

React Handbook
# Name Descripcion Link
1 Tutorial de React no mediocre Un tuto de React que viene bien Link
2 Creacion de To do's app con REACT Creacion de proyecto con React Link
3 Create-React-App github de creacion de React, unicamente hay que escribir en consola:
"npx create-react-app my-app"
"cd my-app"
"npm start"
y no olvidar borrar el por defecto para que quede en blanco		 Link

Portfolio Examples

# Name Link example Link source code
1 Ejemplo Portfolio tipo vertical con timeline, skills, contact me, etc (Ya hice una version) Link Link
2 Ejemplo Portfolio tipo pagina unica, menu de navegacion fixeado a la izquierda y mas info propia Link Link

Base de datos

MySQL

# Name Descripcion Link
1 Name Desc Link

Scripts

# Name Descripcion Link
1 Name Desc Link

Git

# Name Descripcion Link
1 Comandos utiles de GIT "git add .", "git commit -m 'texto-commit'", "git push origin develop", crear el pr despues, etc Link
2 Setup de GIT, entender las ramas de master/main y develop, junto con su merge, etc Setupear GIT de manera facil, igual recomiendo entrar por GITHUB Link

Hosting

# Name Descripcion Link Link 2 Link 3
1 Netlify Hosteo gratis, utilizamos Netlify para agregar Flask, agrego source code y tutorial Link Link Link
2 GIT Pages, tutorial facil Tutorial sencillo para poder arrancar con el hosting de GIT pages, no es dificil Link