Learning Journal | Encora Academy | Week 14
December 28— January 4
Hello! 👋 And happy new year! 🥳 This is my fourteenth-week takeaways being part of the Encora Academy program, a space to learn, practice, and grow. I’ll post every week, all about the topics I’ve learned during this adventure.
I’ve spent this week reviewing, learning, and practicing some concepts and technologies. These are my notes:
HTML
The Doctype tag is an important part of an HTML document, it basically defines the standard to follow while building an HTML file. These are my notes about it:
Local storage, session storage and cookies
I knew that these 3 objects help us to store data in the browser, but what are the main differences between them?
CSS
The cascade style sheets, help us to add style to an HTML file. During this week I research a bit more about Flexbox, Grid, CSS selectors, and CSS processors.
While researching this, I found these 2 very useful guides for flexbox and grid.
Tailwind CSS
The last week, I was having a session with my mentor, and he sent me this website: The state of CSS, it identifies the latest trends on CSS. Trying to find another CSS library different from bootstrap, I found that Tailwind CSS was at the top of satisfaction and interest, so I decided to learn more about it.
Tailwind let us write CSS rules quickly with a high level of customization, it is really easy to install and use. You can use it in 2 ways: using it CDN or installing it with npm.
Basically, you can add classes to your HTML elements to add CSS rules, like padding, margins, text colors, etc.
For example, this code:
Generates this button:
To customize it, you need to install it with npm and then create a tailwind.config.js there, you can add or override the custom classes we already have.
There are 2 ways to add styles with Tailwind, by adding classes to the HTML tags, or adding custom classes and add the tailwind styles on a CSS file.
Here is the official documentation.
And I created this small project to test some of its functions.
JavaScript
I reviewed some concepts and learn a couple more about Javascript, these are my notes:
Thanks for reading! See you next week!
