Free Code Camp: CatPhotoApp

The jist of it

Created a basic web app using Bootstrap. Practiced implementing forms, buttons, divs, and images with a responsive design. Nothing crazy here, just an introduction to web dev.

Tools

  1. HTML
  2. CSS
  3. Bootstrap

Challenges

I have basic web experience from my college projects and personal portfolio, so I haven't experienced any great challenges yet.

Things I learned

  • Sometimes people create dead links: <a href="#"></a>
  • Always have alt text in a photo for screen readers: <img src="cat.jpg" alt="A cute orange cat">
  • Use a place holder for forms: <input type="text" placeholder="Enter text here"> 
  • Make the form mandatory by adding keyword 'required': <input type="text" required>
  • Submit a form with pure html: <form action="/some-link">form goes here</form>
  • Radio buttons (another type of input) should each be within their own label and can be grouped by assigning the same name: <label><input type="radio" name="example">Choice 1</label><label><input type="radio" name="example">Choice 2</label>
  • Ditto for check boxes (see above): type="checkbox"
  • Default on for radio button or check box, include the word checked within the code: <label><input type="radio" name="example" checked>Choice 1</label>
  • Clockwise notation can be used for margin and padding values. This means that you can specify all values within one line of CSS by following a clocklike order (top, right, bottom, left): margin: 10px 11px 12px 13px
  • You can use "!important" to ensure that this style is not overridden: .some-class { color: yellow !important; }

So despite previous experiences, I am still learning a good deal.

Also, I've been helping some of the newer coders on the Free Code Camp chat and I must say it feels awful nice! I remember being in their position and reaching out to the experienced coders. Give back to the community, folks!

That's all for now! Ciao :)

Comments

Post a Comment

Popular posts from this blog

Let's Git Acquainted

GREETINGS, EARTHLING! Hello! Here's a quick introduction, since this is a new blog. My name is Krystal . I'm a 4th year Software Engineering student at Penn State (WE ARE!) and I'm trying to make an online portfolio for myself, so here is part one: the blog . I'll try to keep it regularly updated with projects, questions, struggles, and maybe even some tutorials (although those will have to wait until I finish this semester... boy, am I busy). So without further ado, our first topic: GIT I'm embarrassed to say that in my last year of school, I am still not comfortable with Git. For those of you who don't know what Git is, here's a nice tutorial . If you're too lazy to click on the link, you won't like Git very much... but I'll tell you what it is anyway. It's a version control system. Basically, when I'm writing a program, there will be many stages to the coding process. I'll write something, it'll work, I'll write so...
Read more

Life and Code: An Update

Image
Howdy! It's been a short while since my last entry, although I have a few blogs in queue waiting to be finished, so I figured I'd give a brief update on what's going on in my life. In case you didn't know I GRADUATED THIS MONTH! Isn't that amazing? I've been in college since ~2005 (this is my second degree), so graduating is a *HUGE* deal for me. I can't wait to see how my career and life will develop.  So, since graduating, I've been packing, moving, submitting applications, and overall just adjusting to a new way of life. I have way more free time than I've had in a LONG time. Since I just moved, I've mostly been unpacking and getting settled in, but today I decided to take a break and to do something for myself... I downloaded two books--check out OverDrive --and I started Free Code Camp . "Why would you sign up for freeCodeCamp if you have a BS in Software Engineering?" because it looks awesome, that's why! It will tea...
Read more