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 moreHow to Fetch API Data from a URL

How to use Media Query Breakpoints

How to use Media Query Breakpoints

You can access the full course here: Bite-Sized Responsive Web Design   In this lesson, you will learn how to create media query breakpoints. Creating Media Queries For this exercise, you will be setting what are referred to as media query breakpoints. Typically for web design, you will want to set three different media queries. … Read moreHow to use Media Query Breakpoints

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 moreA 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 moreA 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 moreHow 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 moreGetting Started with Next.js

A Bite-Sized Guide to HTML

Web Class: A Bite-Sized Guide to HTML

You can access the full course here: Bite-Sized HTML Part 1 In this lesson we will be getting the development environment ready. We will be going step by step and will have a Hello World HTML project. Prerequisite One You will need a current web browser, I will be using Google Chrome throughout this course. … Read moreA Bite-Sized Guide to HTML

Working with the Brackets Code Editor

Web Class: Beginner's Guide to Responsive CSS Design

You can access the full course here: Responsive Web Design for Beginners Part 1 In this lesson, you will learn how to set up the Brackets code editor. Downloading and Using Brackets For editing code, you can use any kind of text editor. Whichever one that you feel best suits you is the best one … Read moreWorking with the Brackets Code Editor

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 moreHow to Get Started with Vue.js