Clever Geek Handbook

Tareas para la capacitación de front-end: doodle-place, Apple Podcasts, Site Blocker, análisis de archivos CSV

Clon de Doodle-place



imagen



doodle-place es un mundo en línea poblado de garabatos animados. Puede pasear y ver garabatos creados por usuarios de todo el mundo, o contribuir.



¿Qué aprenderás haciendo un clon de doodle-place?



  • Usar la API de Canvas en JavaScript para dibujar gráficos como garabatos en la pantalla.
  • Técnicas para trabajar con gráficos 2D y la API WebGL
  • Trabaje con la entrada del usuario, como imágenes, y almacene los resultados en una base de datos.


Análisis de archivos CSV a JSON



Esta aplicación utiliza d3-dsv (lado del cliente) para analizar archivos CSV. d3-dsv es una utilidad incluida con d3 (una popular biblioteca de visualización de datos), pero también se puede usar sola, como se muestra aquí.



imagen



¿Qué aprenderá al crear un analizador CSV a JSON?





Clon de extensión de bloqueo del sitio



Site Blocker es una extensión web que le permite bloquear uno o más sitios agregando un nombre de dominio. Administre su tiempo de manera efectiva sin distracciones.



imagen



Lo que aprenderá al construir un clon "Site Blocker":



  • Todo lo que necesitas para crear extensiones de navegador
  • JavaScript, HTML y CSS para construir extensiones.
  • Trabajando con sitios de extensión en Chrome / Firefox / Safari.


Noción de clonación



Notion es una aplicación para tomar notas ligera, rápida y sin distracciones y más. Lo uso para hacer un seguimiento de mis tareas e ideas. Lo que me encanta de Notion es su compatibilidad con el lenguaje de marcado Markdown.



No hay restricciones: puede crear una versión de escritorio de Notion, así como una versión móvil o web. Elige tu entorno favorito (o el que más quieres explorar).



imagen



Lo que aprenderá al crear un clon de Notion:



  • Si quieres avanzar, usa Grid en CSS . Grid es fantástico para crear diseños.
  • Trabajando con una base de datos. Querrá almacenar sus notas en una base de datos que puede consultar más adelante.
  • DevOps. Una vez que haya terminado, implemente la aplicación en la web o en la tienda de aplicaciones. Muéstrale al mundo lo que has hecho.


Apple Podcast Clone



La aplicación Podcasts para iOS y macOS proporciona acceso fácil a podcasts populares y emergentes utilizando los iconos de navegación en la parte inferior de la aplicación.



imagen



Lo que aprenderá al crear un clon de Podcast:



  • Cómo obtener datos de la API. En el caso de esta aplicación, los datos están representados por podcasts. Use esta API para obtener todos los podcasts.
  • Cómo desarrollar una aplicación de escritorio para Mac OS o una aplicación de iOS e implementarla en una tienda de aplicaciones. Si te gusta construir para la web, ¡eso también es genial!
  • Construyendo interfaces nativas. Por ejemplo, aprenderá a mostrar datos en la pantalla.


imagen


Descubra los detalles de cómo obtener una profesión de alto perfil desde cero o subir de nivel en habilidades y salario tomando los cursos en línea pagos de SkillFactory:











More articles:


All Articles