Si no hablás inglés, ¡no te preocupes! Te encontrás el texto en español scrolleando un poco 😉
Hi there!
This repository contains a work in progress: my project for the Web Development Bootcamp on Coderhouse, as part of the Career on FullStack Dev. This course focuses on Frontend Dev and includes learning about Html and CSS, Responsive Design, Bootstrap, SASS and much more.
If you want to know more about what is included in the course, you can see the whole program here.
You can checkout Coderhouse as well if you want to know more about the course.
It is! Right now you are seeing the Final project. Why do I say this is a work in progress though? Because I'd love to add many more features, specially after learning javascript (the next course I will be taking).
The First Delivery, which you can check in the first commitment of this project, contained an MVP using basic CSS (including a bit of flexbox and some animations). The Second Delivery, which you can see in previous commits as well, adds more animations, grids, and making 2 out of the 5 pages responsive: Home (index.html) and Pedagogía (pedagogia.html) pages.
In the Third Delivery, which you can see in the previous commit, you will find a fully responsive site for all pages and devices, and the use of SASS (SCSS) and SEO. This page was fully functional but quite different to the one you are seeing right now in terms of design.
The version you are currently seeing, the Final Project was redisigned with an UX approach. I am not a UX designer (at least, not yet), but have been trying to apply as many concepts from UX and accesibility as I could. All the images have alt-text and the contrast ratio between the background and text has been checked for accesibility.
It has also been uploaded to the Netlify server.
Stay tuned! Much more is coming!
The code is a first draft for the webpage of my personal Project: Mai Language Lab, which is a virtual language school in which you can learn both English and Spanish as Second Languages.
If you want to know more about the page, read the info on the site 😊 Or use any of the contact links to write me -through Instagram, e-mail, Whatsapp, LinkedIn or Facebook- (not the contact form though because that one doesn't work yet 😅).
The link for the page is here. You can also find it uploaded to the Netlify server here.
¡Ahora sí! A continuación la versión en Español de este ReadMe 😊
¡Holi!
Este repo contiene un "work in progress": mi proyecto para el Curso de Desarrollo Web de Coderhouse, que es parte de la Carrera en Desarrollo Fullstack. Este curso se centra en Desarrollo Frontend, e incluye Html y CSS, Diseño Responsive, Bootstrap, SASS y mucho más.
Si querés saber más de lo que incluye el curso, podés chequear el programa completo acá.
También podés mirar la página de Coderhouse.
¡Sí! Ahora mismo estás viendo la Entrega Final del proyecto. ¿Entonces por qué digo que es un "work in progress"? Porque me gustaría agregarle muchísimas más cosas, especialmente después de aprender JavaScript (que es el siguiente curso que voy a tomar).
La Primera Preentrega, la cual podés ver en el primer commit del proyecto, contenía un MVP (Mínimo Producto Viable) usando CSS básico (incluyendo un poco de flexbox y algunas animaciones). Para la Segunda Preentrega, la cual también podés encontrar en commits previos, agregué más animaciones, grids, y convertí a 2 de las 5 páginas en responsive: Home (index.html) y Pedagogía (pedagogia.html).
En la Tercera Preentrega, la cual es el commit anterior a este, vas a encontrar un sitio totalmente responsivo en todas sus páginas y para todo tipo de dispositivos, y el uso de SASS (SCSS) y SEO. Esta página era totalmente funcional. Sin embargo, el diseño de la tercera entrega y el que estás viendo ahora es bastante diferente.
En la versión que estás viendo, la Entrega Final del Proyecto, fue totalmente rediseñado con un enfoque UX y de accesibilidad. No soy una diseñadora UX (al menos, no todavía), pero intenté aplicar todos los conceptos de UX y accesibilidad que conocía. Todas las imagenes tienen texto alterno y el contraste del texto y el fondo fue chequeado con parámetros de accesibilidad.
Esta entrega fue, además, subida a un servidor.
¡Estate atente! ¡Se viene mucho más!
El código es un primer borrador de la página web de mi proyecto personal: Mai Language Lab, que es una escuela virtual de idiomas donde podés aprender Inglés y Español como segundas lenguas.
Si tuviste que scrollear para leer esto en español, quizás te interesen las clases de inglés orientadas a IT 😊
Si querés saber más de Mai Language Lab, podés leer la info en la web o contactarme a través de cualquiera de los links de contacto -Instagram, Mail, Whatsapp, LinkedIn o Facebook- (pero no a través del form de contacto porque todavía no anda 😅).
El link de la página está acá. También la podés encontrar subida al servidor de Netlify acá.