My Favorite Ruby Gems

My Favorite Ruby Gems is the fifth installment of the blogging assignments (out of seven), that I am required to complete during the Fullstack Web Development online program, LearnVerified, at the Flatiron School. Not only do they ‘make us’ learn lots of code…they want us to blog about it as well. This installment will cover some of my new favorite Ruby gems that I have discovered so far during my learning to code journey.


As the saga continues…

Progress Update

10+ Awesome Ruby GemsI am still, ever so slowly, pushing my way through the curriculum. After my pretty impressive code streak early on in the race, I hit a few ‘bumps in the road of life’ that have significantly slowed my progress. Yet, despite those bumps, my love of learning and love of code continues. Continue reading

The Code Streak Lives

The Code Streak Lives is the third installment of the blogging assignments (out of seven), that I am required to complete for the Fullstack Web Development online program, LearnVerified, at the Flatiron School. Not only do they ‘make us’ learn lots of code…they want us to blog about it as well.


Just a day or so after managing to break my 109-day-code-streak at the LearnVerified program of Flatiron School, I have been spending a lot of time pondering the value of the code streak. Continue reading

Explain HTML and CSS to your Mom

This is the second blog assignment (out of seven), that I am required to complete for the Fullstack Web Development program, Learn Verified, at the Flatiron School. Not only do they ‘make us’ learn lots of code…they want us to blog about it as well.

For those of you that have been following my blog (thank you!!)…you might remember that my mom passed away right before the holidays in 2015. So naturally this blog assignment, with it’s prompt of “Explain HTML and CSS to your mom”,  caught me a little by surprise, since I would give anything to be able to really tell my mom all about my ‘learning to code’ journey.

htmlvscss

I’m not sure she would even know or really care about HTML or CSS normally, as she wasn’t necessarily all that interested in computers, other than to do basic things like send an email, type up a letter or check Facebook…but she would happily listen to me explain how HTML and CSS work together to make websites.  She would enjoy hearing me tell her about something that obviously excited me enough to want to share it with her…cause that is just how my mom was.

Mom was actually aware of my interest in computers and had tried to encourage me to study computers back in college…mostly cause she thought it would be more profitable than me studying to work with animals (unless of course I was going to be a veterinarian), but I of course had to do things my way. So I would like to think she would be happy that I have decided to follow through with my desire to learn to code.

I am not sure this description would work well for all parents…but I think for my mom, who was a creative person, as well as being quite good at organization, I would be able start with the broad strokes of telling her that ‘HTML is mainly for creating the structure, organization and content for a website’, while CSS is for ‘making the site look pretty’.

Both HTML and CSS (along with Javascript) are the parts or coding languages that are considered to be Front-end Web Development. Front-end development is also known as the client-side of programming in that it creates what the users sees when they visit a website on the internet and allows them to interact with the site.

HTML, which stands for (Hyper-Text Mark-Up Language) is the language that is used to structure a website and display all of the content on the World Wide Web. It is called a markup language because it uses ‘tags’ that wrap around different types of content to structure the layout of the page…for example, there are heading tags, <h1> through <h6>, that give you various sized headings that you can use on your page or <p> tags to identify the beginning and the end of a paragraph. There are also tags to create various kinds of lists, such as ordered <ol> or unordered <ul> lists. Most tags require an opening and a closing tag…so for a paragraph you would surround the text of your paragraph with an opening <p> tag and a closing </p> tag.

HTML also allows you to do things such as create hyperlinks, which are key in navigating the World Wide Web. As well as tags that allow us to add images, videos and audio clips to what would otherwise just be webpages full of lots and lots of text!

Screenshot (59)

Basic HTML for the beginning of a simple project

CSS, which stands for Cascading Style Sheets, is also a type of markup language, but instead of displaying content, CSS styles the content. Things like text color and background images and positioning various elements.

CSS is sort of like interior decorating, with painting the walls and adding furniture and deciding where to put it all, where as HTML is like building the house.

CSS works with HTML by identifying the various tags and using the tags as a way of selecting which element should be styled which way. So if I wanted to center my ‘Welcome to My Pinteresed App!’ heading (h1), the CSS code would look something like this:

h1 {
    text-align: center;
}

Where the h1 is the selector that points to the HTML element you want to style. The part within the curly brackets is called the declaration block  and it contains one or more declarations separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon. And CSS declaration always ends with a semicolon.

With enough CSS you can go from the site in the above image with very basic content on it…to something that looks more like a ‘real’ website.

Screenshot of my site with some CSS

I would like to think that at this point, Mom might actually be pretty impressed with my skills, as she would appreciate the difference from going from basically a sketch or rough draft of what I want on my site, to something that looks like more of a complete site…despite it actually being a work in progress 🙂

For me, I actually still get excited going from a blank page to having the HTML render the most basic of sites. CSS is just the ‘icing on the cake’ as I love being able to pick colors and choose layouts and decide on fonts to transform the site into something beautiful. And this dorky enthusiasm for witnessing a site being created is why I learn to code!

 

Happy Birthday Scribbles & Musings!!!

Birthday Cupcakes to Celebrate Scribble & Musings One Year Birthday

Happy Birthday to Scribbles & Musings!!

(My OCD-ness needs to point out that I realize it isn’t quite in ROGIBIV order but was trying to match the cupcakes)

Happy Birthday to you…happy birthday to you…

Happy Birthday Dear Scribbles & Musings…

Happy Birthday to

Yoooouuuu!!!!

One year ago today, I had this crazy idea that I needed to learn about WordPress and therefore should start a new blog. Thus, Scribbles & Musings was born. One year later, I am happy to say that I am still learning about all kinds of different things about WordPress (and other computer-y things) and still love my blog space!

Life threw me a bit of a curve ball when my Mom passed away back in October 2015, which sent me into serious hibernation mode to lick my wounds for much of the winter and well into the spring. I am attempting to inch my way back out into the world (at least as much as any introvert goes out into the world) as the days finally get warmer and my body craves the warmth of the sun on my skin. My enthusiasm for most things, including blogging, seemed to disappear after my Mom died, but despite that I have managed to keep my weekly series of Fav Foto Friday (which will celebrate it’s one year anniversary at the end of July!) going even if I have been a ‘bit’ (ok…I know…a lot!) quiet otherwise on my blog.

One of the only things, other than my menagerie of animals (which have a way of getting your attention even if you want to hide your head in the sand) that I have been able to stay focused on since my Mom died, is my long time desire to learn to code…as in computer programming. I remember back in the 80s wanting to learn how to ‘do things’ with the Commodore 64 computer my parents brought home one day. I was fascinated with that thing! Through the years I have always stayed interested in ‘all things computer’…which was how the need to learn about WordPress came from…and what has brought me to this place.

This time I have spent hiding away from the world to lick my wounds, has been productive at least, in that it has given me lots of time to spend behind my computer learning to code and trying out all different kinds of platforms that teach you all these things. Online places like Treehouse, Codecademy, Udemy, Skillcrush and more. After months of trying out all these different platforms and learning about learning to code, I have even enrolled in an online bootcamp, Learn Verified, in a Fullstack Web Development program at Flatiron School to continue my venture into learning to code. Two months into it and I am still loving it and enjoying the journey! So despite hiding away from the world, I have kept myself busy and I think I am learning stuff…it might even be sinking in…finally.

All this to say, Happy Birthday Scribbles & Musings!! I still love ya! And just maybe you might hear more about my learning to code journey here at Scribbles & Musings…

Grab a cupcake and celebrate with us!!

Birthday Cupcakes to celebrate with