Apr 20, 2021Maybe you can write about animation with scroll page, but this article it's very good, I was need…101Yasmim Barbosa VieiraThanks so much Yasmim, I will definitely do an article on animation with page scroll soon :DThanks so much Yasmim, I will definitely do an article on animation with page scroll soon :D1 min readThanks so much Yasmim, I will definitely do an article on animation with page scroll soon :D----
Feb 8, 2021Member-onlyAnimation CSS Series: Bouncy Ball Part 2In 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: Bouncing Ball Part 1 — CSS and HTML Animation CSS Series P1amy-franz.medium.com We ended up with a bouncy…CSS3 min read
Feb 3, 2021Member-onlyAnimation CSS Series: Bouncy Ball Part 1After 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…CSS3 min read
Published in Dev Genius·Jun 7, 2020Member-onlyLearning Typescript in a dayOn 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. What is Typescript? Typescript is a superset of Javascript, which means Typescript is an extension of Javascript. Typescript allows the dynamically typed…Java Script5 min read
Published in Better Programming·May 31, 2020Member-onlyAbstracting Forms in ReactCreate more concise forms — Over the past week, I have been completing some courses by Mosh Hamedani to really solidify the skills I learned from my time at Flatiron School. Although Mosh does not have any Ruby course, I have been significantly improving my JavaScript and React skills. The course I am currently taking…Programming6 min read
May 23, 2020Cloudinary for ReactFor 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…Cloudinary6 min read
May 13, 2020AuthenticationMod 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…Jwt Token4 min read
May 13, 2020Programming Robotics 101What is robotics? 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. How does robotics work? Robots == computers, but why:Robotics3 min read
May 13, 2020React Video ReviewsThe first video I wanted to review, was a short and sweet summary of what react is. What is react? by Mosh 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…React6 min read
Published in Better Programming·May 9, 2020Member-onlyResponsive Web DesignGet started building responsive websites and apps right here — 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. CSS Units The viewport refers to what the viewer is seeing. There are three…CSS5 min read