In the second part in this series we will be looking at making the bouncing look more realistic. We are going to be doing this by doing two different things. If you want to see the initial setup code check out my first blog:
We ended up with a bouncy ball looking like this:
After taking a bit of a break from self-learning programming (I had started my first software engineering job and was learning a lot), I decided it was time to take learning new skills into my own hands. The idea is that every two months I focus on learning something new. Something that I have been wanting to learn for a while now is css animation. So this will be my very first blog in my series on animation in css and maybe some js.
Although I want to get into some more complex and relevant animation that I can implement…
On Thursday, 4th of June, I started out on a mission to learn typescript. I spent a morning reading an amazing Typescript resource and then the afternoon and evening building programs.
You learn lots of neat tricks, like when you write the following in…
For my final project at FlatIron, I decided to do an Instagram clone but for pets called Petatude. A big part of doing an Instagram clone is being able to handle images. With rails, I came across two different approaches. The first one was using rails active storage and the second option was using an image hosting platform. I decided to go with the image hosting site Cloudinary. The reason I chose it was because of time constraints and usability. So I am going to show you how I did it. …
Mod 2 of flatiron school has been interesting. Our focus for the mod has been Rails.
What is Rails?
Rails is a framework built for ruby. It uses three main principles, MVC, convention over configuration and DRY(don’t repeat yourself). The aim of rails is to allow developers to build web applications quickly. Because Rails is for building web applications, it uses APIs to access the web. An API is an application programming interface. It is a set of programming instructions and standards for accessing a Web-based software application or Web tool. We access servers via API’s to view applications. …
Robotics is the art of combining engineering & computer science; but also other disciplines in order to design, construct and use machines to complete tasks.
Robotics can be as simple as putting a motor on something like a toothbrush, to a dog.
Robots == computers, but why:
The first video I wanted to review, was a short and sweet summary of what react is.
I chose this video because I enjoy Mosh’s content and find them very insightful and definitely suggest watching some of them.
The video was about 4 minutes and although this may not seem like a lot of time for a video explaining React, it had a lot of information. He starts off by very simply explaining what React is, it’s history and why it is important to learn. He then talks about the key ideas behind react, shows…
For my final project at Flatiron School, I really wanted to delve into responsive web design by styling my portfolio. So firstly, I needed to learn the basics behind responsive design: CSS units, flex boxes, and media queries.
The viewport refers to what the viewer is seeing.
There are three different types of CSS units.
Pixels are the most common fixed unit used. You should never really use real…
Before we can start looking into pure components, the concept of pure functions needs to be understood.
A pure function is a function that is deterministic and has no side effects. Pure functions came about from functional programming.
Deterministic vs. Non-deterministic functions
A deterministic function is a function that when given an input, it always produces the same output. This means you can determine the result for example (x * 3) will always produce the same answer if n = 2 => 6.
Whereas a non-deterministic you can not predict the result. A non-deterministic function could be Math.Random(n), you can…