Computer Whisperer
Today’s project we got to play with audio files. We used JavaScript to do the heavy lifting. The buttons, as well as the play action are done via JS.
Getting to explore JavaScript and coding more was a key desired function of this course, so I’m pleased with it.
Anyway, please check out the project. And take a look at my hand-coded web page. I am fond of them both.
In today’s project, I created some animated text for a faux login form. I really enjoy the effect of this one when you click on the input fields.
Though I am really tired (it’s been a long few weeks), I’m pleased that I was able to fit this project into my evening. I really want to become a better coder, and coding is the only way to get there.
I want to fit in some review of project management and systems analysis. I’m quite confident that these will be important parts of my career’s next steps.
Today I completed the “Split Landing Page” project from my 50 Projects in 50 Days Udemy class. This one was pretty fun (yes, I’m a nerd).
Built a (mostly) CSS based animation effect onto the webpage. When you hover over half a page, it expands out to 75% of the page.
Check it out here. And you can check out all my web dev work on my developer page.
So, I’ve not been great at perfectly sequential days (my current project has expanded out a bit), but I’m still at it.
Today’s project, “Scroll Animation“, is another simple project where we take some boxes of content and fly them in from the side. To add a bit more complexity, we have some coming from the left, and some from the right.
Another fun one. Check out my other work on this course here. Also, check out my developer site.
So, I took the past couple of days off. I was exhausted after work Thursday, then had long work days Friday, Saturday, and Sunday. So, I did two today! Fortunately, they weren’t too complicated. That brings me to day 5.
Today’s first project is titled “Hidden Search Widget“. A very simple project, where we make a search box that expands or contacts (no search functionality yet).
My second project today is “Blurry Loading“, where an image loads blurry, and comes into focus while a countdown timer counts.
Fun projects which are helping refine my HTML, CSS and JavaScript knowledge. I am working towards bettering my coding skills. Slowly but surely growing. Check out my developer site for more details.
Completed day 3 of the 50Projects in 50Days course, “rotating navigation”. This one rotates the whole page if you click on the hamburger icon in the upper left. Hard to imagine a use case, but it’s really fun.
I’ve been posting these to my recently re-done Github site. Again, I’ve done three of these:
With Expanding Cards, when you click on individual cards, they expand out, and the other ones shrink. For Process Steps, it’s like a progress indicator. Each time you press the “next” button, the line advances one over. And for Rotating Navigation, when you click on the hamburger icon, the web page rotates, showing the navigation buttons. For me, this is fun stuff. Which is good since it’s now 9:30 at night and I still haven’t eaten dinner yet.
Anyway, it feels good to refresh my knowledge and build out these skills. I feel it’s a critical part of my march into a tech career. Plus, the internet and web development are the future of tech. I intend to do one project per day every day, but we’ll see. I have a few things coming up that may cause a day or two to be lost. But I should have not problem keeping this moving forward.
Wish me luck!
So, I finished a associates in web application development back in June. My skills are ok, but pretty basic. I realize I want to code better. As I’m working on being more proactive, I opted to sign up for some Udemy courses. Right now, I’m working on 50 Projects in 50 Days. This one focuses on expanding my HTML, CSS, and JavaScript. The first two projects were basic, but I needed that. Rattling through the rust. Plus, my typing has gotten…lame. I used to be highly accurate. Coding, though, is petty and will fail by missing one character, a space, a semicolon. Sometimes, the biggest challenge is simply finding the error.
So, I’ve completed two so far:
With this, I updated my hand-coded site on Github’s free service (check it out here). I’m posting these projects here, as well as in my github repository for these projects.
Part of me wants to significantly up my coding game. Perhaps event to the point of being able to take part in a hackathon. However, I am trying to juggle several things and we’ll see how far down this rabbit hole I venture.