Build a Static Tweet Mockup with React

Build a Static Tweet Mockup with React

You can access the full course here: Bite-Sized React File & Base Setup In this lesson, we use what we’ve learned about JSX to build a composable UI using the example of a Tweet! The Tweet structure will have an Avatar, Name, HandleName, Relative Time, Message, and 4 Icon Buttons. Just as we discussed in … Read more Build a Static Tweet Mockup with React

How to Fetch API Data from a URL

How to Fetch API Data from a URL

You can access the full course here: Bite-Sized Modern JavaScript   Fetching Data from URL To fetch data from a URL, we will use the Javascript fetch API. We won’t cover every aspect of the fetch API, just the basic retrieval functionality. To get this functionality, you need to install node-fetch. Set up node in … Read more How to Fetch API Data from a URL

A Bite-Sized Guide to JQuery

Web Class: A Bite-Sized Guide to JQuery

You can access the full course here: Bite-Sized jQuery Part 1 In this course, we’re going to learn how to use jQuery to build interactive websites. jQuery Introduction When it comes to jQuery, there are two methods in how to add it to your website.  The first method is simply going to the jQuery website … Read more A Bite-Sized Guide to JQuery

A Bite-Sized Guide to JavaScript

Web Class: A Bite-Sized Guide to JavaScript

You can access the full course here: Bite-Sized JavaScript Part 1 Learning Goals Including JavaScript code on a HTML document. Loading JavaScript code from external files. Hello World In this lesson we will create a Hello World example in JavaScript. You will learn how to include JavaScript code inside both HTML documents and in external … Read more A Bite-Sized Guide to JavaScript

How to Build a Webpage with Next.js

Web Class: Build a Webpage with Next.js

You can access the full course here: Project-Based Next.js – Games Website Part 1 Our goal here is to create an app that contains a homepage and a game page. The home page displays the Zenva logo and a few games that we have “created” with an image, title, and description for each. The game … Read more How to Build a Webpage with Next.js

Getting Started with Next.js

Web Class: Getting Started with Next.js

You can access the full course here: Intro to Next.js Part 1 If you’re interested in building minimalist static web pages and web apps and have some experience with React, Next.js is the framework for you. It functions similar to react with very little setup required. Installing and running a project is as simple as … Read more Getting Started with Next.js

Create a Card Game in Canvas with React Components

Create a Card Game in Canvas with React Components

What’s a website without a little fun and games now and then?  Even if you’ve never made a game before, or have no experience with game engines like Unity, that’s okay! Instead, you can channel the power of React Components and put your web development knowledge to work adding some fun aspects to your website. … Read more Create a Card Game in Canvas with React Components

How to Get Started with Vue.js

Web Class: An Introduction to Vue.js

You can access the full course here: Build JavaScript Applications with Vue.js Part 1 Hello everyone and welcome to our course on Vue.js! Here we will learn how to use the framework Vue.js to enrich our experience with web development. We will go through the basics of what it is and how to use it … Read more How to Get Started with Vue.js

An Overview of JavaScript Versions

Web Class: Discover Modern JavaScript – ES6 to ES9

You can access the full course here: Modern JavaScript – From ES6 to ES9 Part 1 What is new in Javascript ES6-9? ES6: Default parameters – add default values for function parameters String interpolation – build variables right into a string Multiline strings – create strings that span multiple lines Let constants – create variables … Read more An Overview of JavaScript Versions

Creating a React and Reactstrap Card Gallery

For this tutorial, you will be utilizing React, npm, Node.js, Bootstrap, and Reactstrap. To keep all of the development environments static, I would advise everyone to use the same text editor like myself, Visual Studio Code, for this tutorial. If you are not familiar with React, I would recommend that you try this tutorial here … Read more Creating a React and Reactstrap Card Gallery