DEV Community: ajmompr

TIL about building gradients in CSS

ajmompr — Tue, 25 Jul 2023 01:56:24 +0000

While creating my link-in bio project, I ran into some difficulty with styling my background to include an animated gradient, and I plan to discuss my roadblocks with a TA this week. Although I had issues figuring out the animated gradient, I did learn more about using the CSS linear-gradient function. through reading documentation on MDN!

Gradients allow developers to create smooth transitions between multiple colors, and there are 3 basic types of CSS gradients:

Below is an example of a simple linear-gradient with two color stops:

.simple-linear {
  background: linear-gradient(blue, pink);
}

The three CSS gradient functions include a number of properties that allow for endless customization!

TIL more about flexbox...

ajmompr — Mon, 24 Jul 2023 01:16:12 +0000

Thanks to the Flexbox Froggy exercise, I finally feel like I have a better grasp on flexbox. Although I took an HTML & CSS mini-course about 3 years ago, I have always felt a little fuzzy on the concept.

What is flexbox?

Flexbox refers to the flexible box layout system in CSS, and it is a particularly useful tool when styling elements in a 1-dimensional row such as component layouts.

Example of the CSS display flex property:

.container {
display: flex;
}

What new things did you learn?

During the exercise, I learned about the flex-flow CSS property which is a shorthand property that allows us to combine both the flex-direction and flex-wrap properties.

Example:

.container {
display: flex;
flex-flow: column-reverse wrap-reverse;}

TIL that starting is the hardest part!

ajmompr — Sun, 16 Jul 2023 01:49:14 +0000

Last year, after transitioning out of my career in healthcare and social services, I made the decision to uproot my life and move to my dream city, Chicago, IL and also pursue a career change into tech.

After searching the web for different bootcamp and apprenticeship options, I learned about DPI, and I simply could not believe that a program like this existed! For context, my little brother completed an unpaid training program, Per Scholas, in Atlanta and was able to successfully transition into a career in IT. However, due to my financial circumstances, I simply could not afford to attend an unpaid training program.

I was incredibly excited to register for Tech Prep 2.0; strangely enough, however, my excitement quickly turned into a bit of panic and a whole lot of fear. I was terrified to log into Canvas!

After journaling about my anxieties and reaching out to my loved ones for support, I finally got the courage to start the course today, and I could not be happier! In this week's learning modules, it was incredibly encouraging to hear about Raghu Betina's non-traditional journey into application development. And, during my studying today, I recognized that sometimes, getting started is the hardest part.

Going forward, I have scheduled my daily "deep work" sessions (shoutout to Dr. Cal Newport and his book, Deep Work) so that I can help reduce any anxiety and activation energy associated with starting my coursework. I'm so excited to see where this journey will take me, and I am already so inspired by the work of my cohort!