Programación

Sitio: Campus TI
Curso: Contenido Externo
Libro: Programación
Imprimido por: Invitado
Día: jueves, 21 de noviembre de 2024, 22:52

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​.

https://aprendepython.es/ 


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.

https://codepen.io/ 


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.


https://www.edx.org/es/learn/computer-science/massachusetts-institute-of-technology-introduction-to-computer-science-and-programming-using-python

El Instituto Tecnológico de Massachusetts, comúnmente conocido como MIT (por sus siglas en inglés), es una de las instituciones educativas más prestigiosas del mundo, fundada en 1861 en respuesta a la creciente industrialización de los Estados Unidos. Desde sus inicios, el MIT ha estado a la vanguardia de la educación y la investigación en ciencia, tecnología, ingeniería y matemáticas (STEM), promoviendo un enfoque práctico y orientado a la innovación.

6. Codecombat

En esta página podés aprender a programar jugando.


https://codecombat.com/

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.

https://codecrafters.io/

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.

https://www.patterns.dev/


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.

https://techschool.dev/en


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.

https://desktop.github.com/


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.

https://skills.github.com/


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.

https://publicapis.dev/


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

https://www.codedex.io/


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

https://fullstackopen.com/es/

Full Stack Open es un curso gratuito en línea creado por la Universidad de Helsinki.

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.

.https://www.youtube.com/@FaztTech/featured

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.

https://omatsuri.app/


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.

https://mui.com/material-ui/


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.

https://atroposjs.com/



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.

https://floating-ui.com/


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.

https://spline.design/


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.

https://css-loaders.com/


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.

https://flukeout.github.io/


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.

https://uiverse.io/


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.

https://idx.dev/ 

https://www.instagram.com/reel/C7FWkp3tdil/?igsh=YjBuanI5a2xld3E%3D