This Challenge is about to code, at least, one hour every day for the next 100 days.
I also decided to do this in my own way: I can study a subject related to development any day. Some people prefer to do mini projects everyday, but I'm trying to study a topic and apply in code when it's neccessary.
I'm just someone trying to learn a bit more everyday
ps: the days that there's no project, it's because I'm just studying. I'm writing on Notion all important points.
- review html tags
- study about SEO - Search Engine Optimization
- Web Accessibility
- CSS introdution + seletors
- flexbox
- New Year Countdown
- Grid
- Phineas
- Glassmorphism
- Neumorphism
- Menu Hamburguer
- Loading Page - Spinner
- Axios and API Integration
- Creating a Wheater Page
- Animations, Transitions and Transforms
- To Do list - layout
- Windows XP - UI Clone
I've created a simple landing page, just with HTML, to review all tags
Here, I understood what SEO really means. How is so important to pay attention on it when you're developing a website.
Today, I've studied how web accessibility is importante on web development. Not only that, but I tried to put myself in that situation to really understand how voice assistance tools (and others) work.
I've made a review of all CSS concepts and seletors (like, ~, bigger than, +). I also stylized the landing page from day 1 . It's so simple, but it was just to apply what I was studying.
Today, I've searched how Flexbox works and played a really nice game to review everything: Flexbox Froggy. I've already used it to style the last landing page.
I'm also working in another project called Dogs you can check here: https://github.com/lucasgmelo/dogs
Today, the last day of the year, I've made a countdown (with html/css/js). link is here: https://github.com/lucasgmelo/new-year-countdown
Just created a page to study grid and responsivity! You can see the web, tablet and mobile version!
I've created Phineas (yeah, from Phineas and Ferb) only with CSS! It was so gooood to do it. Learned a lot about position, border, z-index, transform... ib: Pratham
Today, I created simple cards, but using glassmorphism and creating elements on the background.
Discovering another design trend, here is :)
easy menu hamburguer with html/css/js
today, I did a loading page, a spinner to study keyframes
I've made this repository do study API integration. I know it's more advanced than what I was doing in the past days, but it was neccessary to me now to study it. link is here :) https://github.com/lucasgmelo/learning-axios
I have applied what I've learned about axios here and created an wheather page (shows your current location)
These 2 days, I've worked so hard on a project called Cooking repository link. It's a website for food recipes and I'm learning a lot about React JS, Styled Components, Chakra UI and Design :)
Ok. I've had SO fun today. it was so good to create this and learn about this important content.
Yesterday, I saw this challenge on Front End Mentor (it's soooo cool), in the same moment, I decided to do. But, it was so advanced to me, it was taking much more time than I expected. I've done the visual and some script parts (including dark/light mode). More than tools, I've learned about understanding what I'm able to do and think about how much time it will take. repository link. I pretent to finish this when i study more javascript
At this time, I decided to start improving JS habilities. To finish CSS advanced studies, I did an UI Clone of Windows XP login page! I saw Eddy Vinck's project of Windows XP and thought "why not?". I've seen the page and created a mockup on Figma (so cool to do it tooo! if u want to see it, talk to me!). The Crystal icon user is an art by Samuel de Saboia. His arts are so cool, check it out too!
repository link
To start a new phase, I decided to review and study some javascript concepts.
These two days, i have studied and worked on this project. repository link.. Learned a lot about React Router, loops, data.
I did the interface of a calculator, mockup and code. I pretend to make it useful later when i learn more about js.
I studied JavaScript, especifically about how to manipulate elements of DOM. How to get elements, event listeners
Today, I studied loops: forEach, map, filter... and HOW they're so useful. Then, I used it on Cooking's project.
React Router was the subject of the day. I'm using in Cooking's project and I researched the fundamentals of it. good to learn!
This was such a good week. I've been part of 2ª Imersão React Alura and learned a lot of things. It was the first time I used Next js. Improved my abilities of styled components, eslint and deploy. Check it here.
Today, I've learned about axios, props and integrated the api to our project. It's almost ending, I'm happy!
I decided to do this marathon aside, it's good to review and learn good practices
Today, I started to learn Swift! It was soo good. When I finish my first application, I'll post here
These were my last days working on Cooking, for now. We finishid and the project is done. link here.
The past days, I decided to study Redux and React Redux
I'm creating a React Application, you can check the repository right here.
The next level week was soooo good! I've improved my Next js skills and I'll be in the Ignite (Rocketseat's bootcamp). Probably the next days will be so productive. For now, I'm improving the NLW application.