Coding Class Projects

Random projects created during coding class.

Fork & play with my code on Github.

Find me on Twitter @ladyleet.

Easter Egg Time!

Day 1

Today was a fun first day. Learned how to create sites and upload them to github.

Day 2

Day 2 was fun - learning how to edit free templates and exploring more css. Tables and lists. Also mastered creating branches and merging pull requests (my own) into github.

Day 3

Day 3 hurts my head. I started off the day very excited to learn what twitter bootstrap *actually* was and then started using it. Then, fell on my face. Then, learned how to use grids. Then, learned how to really use inspect element to edit my html/css.

Day 4

Learned transforms and animations in CSS. Was exhilarating. Learned quite a bit.

Got super frustrated during the evening looking at snippets of code and trying to understand them. Discovered "shorthand" html and scss and gave up around midnight trying to understand code. Trying not to cut/paste without understanding things. Gr.

  • Background images made pretty - example with JSBIN
  • Chaz's transform and animation examples in JSBIN (making a div do a bunch of flips and moves)
  • Made a little easter egg on this page. Can you find the clover that does not belong?
  • Banged my head against this animated circle menu for a few hours. Why doesn't it work when I cut/paste the code into my project? Death is why. Please help me figure it out! :)
  • Little birdies kissing!

Day 5

Things are getting harder, but more awesome. Learned bootstrap today and how to do modal windows and carousels with javascript (a very brief intro).

Realized it's much easier to not bang my head over understanding code. It's better to cut/paste code into jsbin and manipulate it to figure out why things work.

Discovered Codecademy's javascript class - highly recommend!

Day 6

Made a site for Marvin based on all my learnings this week! Check it out!

  • Learned what emmet is today! Really cool and helpful.
  • Using jsbin rather often. Want to save snippets. Mike told me about gist. I love. Here is my gist.

Day 7

  • Feel good about Bootstrap. Explored material design and materialize. Got a nav bar working on my new "about me" site.
  • Materialize is fun (more challenging) because it's less documented than Bootstrap and has fewer ready-made components. (And then Mike says: "But then again materializes components are more in alignment with W3C standards, which makes it easier and cleaner. But also less flexible than Bootstrap." ...still trying to grasp what this all means.
  • Found this gorgeous material design palette generator.

Day 8

Today was javascript day 1. I learned 2 things.

  • This is what I learned from Codecademy. Stuck it on gist.
  • I also learned pop-up windows! Go to this page, enter monday, and it'll take you to Facebook.

Day 9

Today was arrays and loops. I also learned jQuery in the eve and improved on v1 of my pet lovers page with toLowerCase.

Day 10

Functions and loops and pop-up windows. Not as fun as making things pretty. More problem solving.

  • Pick a word in a sentence. Try it!
  • Group project. Validating birthdays. It's janky because we didn't know how to do while loops yet. Only for loops. #lame. Try it!

Day 11

Got deeper with loops and functions. More frustration. Did this email validation thing. Look at the source code. I'm proud of getting through it.

Day 12

Functions will be the death of me. I figured out how to do things like onclick, onblur, find items in the DOM and change things in the DOM. Did not make anything pretty today. Just a bunch of workable pieces.

Day 13

Today was a lot of fun! I spent 12 hours making THIS GORGEOUS SITE for Mike Annuzzi.

  • Got super cozy with MaterializeCSS.
  • Learned jQuery (yayyyy!) Much better than document.getElementById. $$ FTW.
  • Went through a lot of mobile optimization troubleshooting.
  • Did some cool accordion effects and made a music player via pair programming with Mike.

Day 14

Coming soon!