Hiya coders! What are the latest and greatest CSS Frameworks of 2021 you may wonder? Well, let’s talk about one I recently learned about! It’s called Bulma.io. Previously in my Software Engineering learning journey, my favorite CSS Framework I’ve implemented is Tailwind.css. Check out my blog to get more info on Tailwind.css. For now let’s learn a little more about Bulma.io, if it’s the right framework for you, and how it stacks up to Tailwind.css.
Some off the cuff things to know about Bulma.io:
As any beginner programmer sets off on their journey it’s important to understand AJAX, and what it can do for you in your program. Let’s jump in!
AJAX allows you to update content on a web page without loading a new page. (Real life examples: Google maps- if you make a request it just adjusts/updates the current page, Twitter- Loads only a certain amount of posts if you keep scrolling down it will add more posts to the current page)
Some server-side languages AJAX works with include Python, PHP, Ruby, & Cold Fusion.
AJAX has been around since 1999, back…
While learning and using CSS can be a tricky one, I find it to be a fun tech language. I love learning about all the slight/minute adjustments that can be made with CSS to make your page pop and look just the way you want. To me, it’s a way of painting with code.
With that being said, I thought I’d focus on one of the most integral CSS skills to learn and that is a Flex-box.
There’s a flex box property, with a syntax written like this:
A flex box, also known as Flexible…
3 step guide for building eventListener in a form button.
OK yall, Step one. Let’s get set up in our local envirnoment.
Create a folder…
Beginners walkthrough to iterate over a JS Object
Hi all! This blog is meant to fill out my blog tutorial workout from last week. Join me in this part two of the Learning React Test-Driven Development Tutorial, and we will continue to dive deeper into Test-Driven-Development. Along the way, we will add more tests and more functionality to capture the state within our React Login Form app.
If you are just stumbling upon Part II of my tutorial walkthrough, please click on this link to find the first part of this blog.
Without further ado, here goes!
Step 1. In LoginForm.test.js, add another test on line 17, This…
Many apps have been made and conquered, but let’s get down to it and ask a real question here. Does your app include tests? Do you know how to implement tests? Having learned React from a coding school, I will say I have not yet stumbled upon building tests into my work yet. So, I thought you know what, no time like the present, let’s do this!
Implementing test-driven development into our apps can ensure higher quality code, better program design, and can most definitely save projects costs in the long run.
Spending the time to implement tests into your…
Beginner’s Ruby knowledge, with a focus on variable scope.
Hey there my coding friends. Today, I thought I’d talk about the coding language Ruby. For anyone out there who just started learning it or is interested in learning the language, this blog is for you! So listen up! I will mainly focus on Ruby variables and getting to know the different types. Let’s unveil this Ruby mystery!
Ruby got its roots in the mid-1990s, where it was created by Yukihiro “Matz” Matsumoto in Japan. It’s dynamically typed and can support multiple programming paradigms like functional, object-oriented, and procedural programming.
Let’s take a gander into React and talk about components. If you have used React before you should be familiar with components. One of the main features of React is components, and React supports two kinds: controlled and uncontrolled. Let’s uncover the main differences between controlled and uncontrolled components.
The React docs recommend using controlled components over uncontrolled ones. Controlled components are used to implement forms. In a controlled component, form data is handled by a React component. The state within that component acts as the “single source of truth” for any inputs that are rendered by the component.
Understand what arrow functions are and when it’s best to use them.