Learn frontend web development! Explore HTML, CSS, and popular modern frameworks for web design via free frontend web tutorials.
While HTML provides the essential structure and content of your website, CSS (Cascading Style Sheets) provides the look and feel. Without CSS, modern websites would not function as they do. When developing a website, there are three ways to apply CSS styling: inline, internal, and external. The focus of this tutorial is to show you, … Read more
The easiest way to automatically take your website visitors from an old URL to a new one is by using an HTML Redirect. Whether you’ve changed your domain name, restructured your website, or simply reorganized some of your web pages, avoiding the dreaded 404 Page-Not-Found error is paramount. Regardless of your reason for website changes, … Read more
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
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
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 more
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
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
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
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
You can access the full course here: Bite-Sized CSS Part 1 Now that you have a basic foundation of HTML, it’s now time to move on to the next step. The next step is to now learn CSS. HTML allows you to represent the content on your page, it allows you to tell the browser, … Read more
