Jest is a JavaScript testing framework that is designed to be used with little configuration. Jest can be incorporate with Babel, TypeScript, Node, React, Angular, Vue and more, and is one of the most popular and well documented testing frameworks for JavaScript. This blog is designed to be a stripped…

Data binding in Angular is a way to keep your views consistent with the state of your application. You can bind properties and events in your template to your TypeScript component to do things like update the view when you input data, click a button, or trigger any other event…

Communicating with APIs (application programming interface) is a key part of web development that is necessary for building full stack application. This blog will discuss how to communicate with external APIs using the built in Fetch API in JavaScript. If you are new to JavaScript, this tutorial goes over everything…

In Part 1 of this entry, we discussed how to set up a boiler plate HTML file and use JavaScript to manipulate the DOM . This blog will be a little shorter and focus on some basic CSS functionality and best practices for styling an application. We will begin…

Note: This blog has an accompanying video available at my YouTube channel here: . If you are more of an audio and visual learner, or if you just want to see the code as it is written, check it out here. Thanks! The main purpose of front end web…

One of the most important concepts to understand in Angular is what Observables are, how they work, and how to use them in your code. The Angular website has some extensive documentation on Observables, but in this blog I plan to cover the basics of its usage and what you…

Understanding Bubbling, Capturing, and the Target — Propagation is another one of those software engineering terms that sounds much more complicated than it actually is. It is, however, a very important concept to understand and can help you debug unexpected issues in your code. Propagation also tends to be appear as a common interview topic for developer…

Calc(), Grid, and Flexbox — Last week I had the opportunity to complete a test project as part of a job application. Th requirements allowed me to use any framework I wanted, as long as I used CSS and HTML to style it. This really got me to freshen up on my CSS skills, as…

Last weekend I had the amazing opportunity to be a part of a hackathon hosted to demonstrate a new full-stack framework. Myself and three friends had from Friday night until Sunday night to build a web application with the framework, with literally no other requirements. As long as we use…