Programación
| Sitio: | Campus TI |
| Curso: | Contenido Externo |
| Libro: | Programación |
| Imprimido por: | Invitado |
| Día: | viernes, 18 de octubre de 2024, 10:19 |
Tabla de contenidos
- 1. Programador
- 2. Aplicaciones en python
- 3. Aprende Python
- 4. Codepen
- 5. Curso de Programacion básica
- 6. Codecombat
- 7. CodeCrafters
- 8. Patterns
- 9. Techschool
- 10. GitHub Desktop
- 11. GitHub
- 12. Public APIs
- 13. Codedex
- 14. Bootcamp de programación
- 15. Fazt
- 16. Animaciones
- 17. Desarrollo Web
- 18. Omatsuri
- 19. Material UI
- 20. Atropos Js
- 21. Floating UI
- 22. Spline
- 23. 100 days CSS challenge
- 24. Css Loaders
- 25. Css Dinner
- 26. UIverse
- 27. Proyect IDX
1. Programador
Plan de estudio de varios meses para convertirme en programador/a.
En inglés.
Requerido:
Un poco de experiencia con la codificación (variables, bucles, métodos/funciones, etc).
Paciencia.
Tiempo.
En este recurso podes estudiar programación 100% gratis 
con conocimientos sobre algoritmia, programación distribuida, estructuras de datos.
https://github.com/jwasham/coding-interview-university
2. Aplicaciones en python
Reel de Instagram: 6 apps para crear aplicaciones en Python.
https://www.instagram.com/reel/C2h4RQ-oaTW/?igsh=aXQ4ajdtZXdoMXcw
3. Aprende Python
AprendePython.es es una plataforma educativa dedicada a la enseñanza de Python, un lenguaje de programación ampliamente utilizado en diversas áreas, como el desarrollo web, la ciencia de datos, la inteligencia artificial y el aprendizaje automático. El sitio ofrece recursos educativos, tutoriales y guías para ayudar a los usuarios a aprender y mejorar sus habilidades en Python.
Entre los contenidos destacados en la plataforma, se encuentran secciones que cubren desde los fundamentos básicos de la programación hasta conceptos más avanzados, como el análisis de datos, desarrollo web y automatización. Además, proporciona ejemplos prácticos y ejercicios para reforzar el aprendizaje.
El sitio también incluye información sobre bibliotecas populares de Python, como NumPy, Pandas y Matplotlib, que son esenciales para la manipulación y visualización de datos.
4. Codepen
Un editor de código en línea. En inglés.
CodePen es una plataforma en línea diseñada para desarrolladores front-end y diseñadores web que permite crear, probar y mostrar fragmentos de código HTML, CSS y JavaScript, conocidos como "pens". Fundada en 2012, CodePen no solo funciona como un editor de código, sino que también actúa como una comunidad donde los usuarios pueden aprender, depurar, compartir su trabajo y obtener inspiración de otros.
5. Curso de Programacion básica
Curso de introducción a la informática y la programación utilizando Python, creado por el famoso MIT. En inglés.
6. Codecombat
En esta página podés aprender a programar jugando.
CodeCombat es una plataforma educativa que permite aprender a programar a través de un videojuego de rol en línea. Los jugadores escriben código para controlar personajes y resolver desafíos en un entorno de fantasía, lo que hace que el aprendizaje sea interactivo y divertido.
Es particularmente utilizado por formadores y estudiantes en escuelas, para introducir conceptos de programación de forma lúdica y efectiva.
Está orientado a principiantes y utiliza lenguajes de programación populares como Python, JavaScript y otros.
7. CodeCrafters
Con esta página vas a practicar programación avanzada.
En inglés.
CodeCrafters es una plataforma diseñada para ayudar a los desarrolladores de software a mejorar sus habilidades a través de desafíos prácticos y proyectos reales. En lugar de seguir tutoriales básicos, los usuarios pueden trabajar en proyectos que realmente los desafían, lo que les permite convertirse en mejores ingenieros mediante la práctica deliberada.
En lugar de simplemente aprender teoría, los usuarios pueden recrear herramientas y sistemas reconocidos, como Redis, Git y SQLite, desde cero. Este enfoque práctico les permite entender cómo funcionan internamente estos sistemas, lo que a menudo se traduce en una comprensión más profunda de los conceptos de programación y diseño de sistemas.
Los desafíos en Codecrafters están organizados en diferentes etapas y permiten a los participantes trabajar en varios lenguajes de programación, como Python, Rust y Go, entre otros. Además, la plataforma proporciona retroalimentación en tiempo real y acceso a una comunidad que apoya el aprendizaje colaborativo.
8. Patterns
Patterns.dev es una plataforma educativa enfocada en proporcionar recursos y guías sobre patrones de diseño y mejores prácticas en el desarrollo web, especialmente enfocado en JavaScript y React. Su objetivo es ayudar a los desarrolladores a entender y aplicar patrones de diseño efectivos en sus proyectos, mejorando así la calidad y mantenibilidad del código.La plataforma busca proporcionar soluciones típicas a problemas comunes en el diseño de software, adaptándose a las nuevas tecnologías y enfoques modernos en el desarrollo.
En inglés.
9. Techschool
En esta pagina podes encontrar recursos en vídeo gratis para aprender programación. En inglés.
→ Por lenguaje, framework y herramienta.
→ Bootcamps desde cero para JS, Django, React...
→ Tutoriales de todo tipo.
10. GitHub Desktop
GitHub Desktop es una aplicación de código abierto y gratuita que facilita la interacción con proyectos alojados en GitHub y otros servicios de hosting de Git. Está diseñada tanto para principiantes como para usuarios avanzados, ofreciendo una interfaz gráfica que simplifica el uso de comandos de Git, lo que permite a los usuarios gestionar sus repositorios de manera más intuitiva.
Es como un puente entre tu sistema operativo y GitHub, facilitando las tareas más comunes del control de versiones.
Al usar GitHub Desktop, puedes gestionar repositorios, hacer cambios en el código, crear y administrar ramas, y realizar commits sin necesidad de recurrir a la línea de comandos, lo que puede ser intimidante para muchos usuarios.
Posee una guía de estudio completa y gratuita para aprender conocimientos de GitHub. Eso sí, el certificado es pago.
En inglés.
11. GitHub
Página para aprender GitHub
Se puede aprender desde una introducción hasta el manejo y automatización de acciones de tus repositorios, basta con entrar al curso que quieras y encontrarás un repositorio con las instrucciones para verlo.
En inglés.
12. Public APIs
Con esta página vas a ver Api’s separadas por categorías y muy buenas para practicar con proyectos y crear aplicaciones.
En inglés.
13. Codedex
En esta página podrás aprender a programar con juegos retro. En inglés.
→ Python, HTML, CSS, JavaScript, línea de comandos y Git/GitHub
→ Retos y proyectos
→ Y ahora también está disponible en el pack de GitHub Education
14. Bootcamp de programación
En esta página van a poder aprender JavaScript en Español con Certificado final.
React + Redux
Node con TypeScript
APIs Express y GraphQL
Desarrollo apps móviles
Docker & GitHub Actions
PostgreSQL y MongoDB
15. Fazt
Fazt es un canal en donde podrás encontrar una variedad de videos de programación, desarrollo Web y muchos otros temas relacionados al mundo de la informática en general. Desde aprender las bases de un lenguaje de programación hasta subir tu sitio o aplicación Web.
16. Animaciones
Fondos animados para web. Brindan código html, css, js. En inglés.
https://animatedbackgrounds.me/
17. Desarrollo Web
Es una categoría dentro de Udemy.
Primeros pasos en desarrollo web (cursos gratuitos).
https://www.udemy.com/courses/development/web-development/?price=price-free&sort=popularity
18. Omatsuri
Omatsuri es una aplicación web progresiva (PWA) que funciona como un conjunto de herramientas de frontend de código abierto. El nombre "Omatsuri" significa "festival" en japonés, y la aplicación se presenta como un "festival" de herramientas útiles para desarrolladores, lo cual refleja la idea de celebrar y disfrutar del proceso de creación web.
En total, incluye 12 herramientas que abarcan diversas funciones, tales como generadores de CSS, compresores de SVG y herramientas para crear datos ficticios.
En inglés.
19. Material UI
Material-UI es una biblioteca de componentes de React de código abierto que implementa el diseño Material de Google. Ofrece una amplia colección de componentes listos para usar, que son fáciles de personalizar, lo que permite a los desarrolladores crear interfaces de usuario atractivas y funcionales. Su objetivo es acelerar el desarrollo al proporcionar bloques de construcción UI predefinidos, lo que permite a los equipos centrarse más en la lógica central de la aplicación en lugar de reinventar elementos de la interfaz.
En inglés.
20. Atropos Js
Atropos es una biblioteca de JavaScript ligera, gratuita, versátil y de código abierto que permite crear impresionantes efectos de paralaje 3D sensibles al tacto y al movimiento del mouse. Su principal objetivo es mejorar la interacción visual en aplicaciones web mediante efectos que responden a los movimientos del cursor, dando una sensación de profundidad y dinamismo.
Está disponible para JavaScript, React y como WebComponent (para usar con Angular, Vue, Svelte, Solid y otros frameworks), lo que facilita su integración en diversos proyectos de desarrollo web. Permite a los desarrolladores implementar animaciones que se activan al hacer scroll, brindando una experiencia de usuario más dinámica y envolvente.
En inglés.
21. Floating UI
Floating UI es una biblioteca de JavaScript, ligera y flexible, que facilita la creación y gestión de elementos "flotantes" en aplicaciones web, como tooltips, popovers y menús desplegables. Su enfoque principal es el posicionamiento preciso de estos elementos en relación con otros componentes de la interfaz, asegurando que permanezcan visibles y accesibles para el usuario, incluso en situaciones donde podrían estar en conflicto con los límites de la ventana.
En inglés.
22. Spline
Spline es una herramienta de diseño 3D gratuita y basada en la web que permite a los usuarios crear experiencias interactivas en tiempo real, de manera fácil e intuitiva. Está diseñada para ser accesible tanto para principiantes como para diseñadores experimentados, facilitando la creación de modelos 3D, animaciones e interactividad sin necesidad de experiencia previa en 3D.
Entre sus características principales se incluyen las herramientas de modelado paramétrico y la opción de exportar diseños a diversos formatos como JPG, PNG, MP4 y modelos 3D (GLTF/USDZ).
En inglés.
23. 100 days CSS challenge
Con esta página vas a aprender CSS en cien días.
En inglés.
https://100dayscss.com/days/1/
24. Css Loaders
CSS-Loaders.com es una plataforma que alberga una extensa colección de animaciones de carga (loaders) creadas exclusivamente con CSS. Con más de 600 loaders disponibles, todos diseñados utilizando un solo elemento HTML, el sitio permite a los desarrolladores encontrar y utilizar fácilmente animaciones atractivas para mejorar la experiencia del usuario en sus aplicaciones web.
En otras palabras, es un tesoro para desarrolladores web que buscan agregar elementos visuales atractivos y dinámicos a sus sitios web mientras los contenidos se cargan.
Estas animaciones están diseñadas para ser ligeras y fáciles de integrar en proyectos web.
Los loaders están organizados en varias categorías como "clásicos", "barras", "puntos", "formas", entre otras, y se pueden copiar fácilmente para ser usados en cualquier proyecto con solo un clic. Es una herramienta especialmente útil para desarrolladores web que buscan agregar animaciones de carga sin complicaciones ni dependencias de JavaScript.
En inglés.
25. Css Dinner
Flukeout.github.io es una plataforma que alberga CSS Diner, un juego interactivo diseñado para enseñar los conceptos básicos de los selectores CSS. A través de diferentes niveles, los usuarios deben aplicar selectores CSS para seleccionar correctamente elementos en una tabla de HTML, lo que les ayuda a comprender mejor cómo funciona la estructura de una página web, cómo aplicarle estilos y ver cómo afectan a los elementos en tiempo real, lo que facilita la comprensión de conceptos clave en CSS.
Este recurso es útil tanto para principiantes que desean aprender CSS desde cero como para desarrolladores intermedios que buscan reforzar su comprensión de los selectores CSS en un entorno interactivo y divertido. El juego proporciona retroalimentación instantánea, lo que facilita el aprendizaje práctico a medida que se avanza en sus 32 niveles, cada uno de los cuales se vuelve más difícil a medida que avanzás.
Si estás interesado en aprender CSS, CSS Diner es una excelente manera de hacerlo. El juego es gratuito y está disponible en línea.
En inglés.
26. UIverse
UIverse es una plataforma en línea que ofrece una extensa biblioteca de elementos de interfaz de usuario (UI) de código abierto, creados por la comunidad y disponibles de forma gratuita. Los usuarios pueden encontrar y utilizar una variedad de componentes UI, como botones, tarjetas y formularios, que están disponibles para ser copiados, personalizados, descargados y reutilizados en proyectos personales o comerciales sin costo.
Esta plataforma proporciona más de 3.500 elementos de UI diseñados con HTML, CSS y Tailwind, listos para usar en proyectos web. que se pueden personalizar y descargar fácilmente. Los elementos pueden ser integrados directamente en proyectos web, lo que ahorra tiempo y facilita el proceso de diseño de interfaces sin necesidad de crearlos desde cero.
Esto hace que sea una herramienta útil tanto para principiantes como para desarrolladores experimentados que deseen agilizar su flujo de trabajo y mejorar la estética de sus proyectos sin tener que ser expertos en diseño. Además, los elementos de Uiverse.io están licenciados bajo el MIT, lo que permite su uso en proyectos comerciales sin restricciones.
UIverse.io también ofrece integración con Figma, permitiendo que los elementos sean utilizados en proyectos de diseño más amplios dentro de esta plataforma.
En resumen, UIverse.io es una herramienta valiosa para desarrolladores web que buscan acelerar el proceso de creación de interfaces atractivas y funcionales.
En inglés.
27. Proyect IDX
Esta plataforma basada en la nube creada por Google, anunciada en agosto de 2023, busca mejorar la experiencia de desarrollo al permitir a los programadores trabajar desde cualquier dispositivo y en cualquier lugar, ofreciendo un entorno de desarrollo similar a un sistema operativo Linux en la nube.
En inglés.