Add these tools to your toolbox:

HTML, CSS, Bootstrap, JavaScript, PHP, MySQL, Beaver Builder, and WordPress

Learn the HTML and CSS mark up languages! HTML and CSS are great first coding languages. This curriculum is broken up into 14 modules and includes slide shows and videos.

Learn HTML and CSS with these flashcards and place-in-order exercises. These were created to help students of Saint Paul College study for the HTML and CSS exam.

If you are interested in designing websites, then WordPress with Beaver Builder is a low-cost solution. Learn to design websites with minimal coding with this tutorial.

Looking for some cool tools for developing websites? Check out our list. Google fonts, Font Awesome, and CSS Generators, and much more!

Susan Metoxen
Susan Metoxen, Instructor and Web Developer

About Web Dev Students

When I started teaching Web Fundamentals at Saint Paul College,  I created WebDevStudents.com as a resource for students to use.

If you are just getting started with Web Development, you can see the resources I use with my students on the HTML/CSS Curriculum page.

It isn't necessary to know HTML/CSS to learn WordPress. I have my curriculum on the WordPress page.

If you want to learn to make WordPress websites with Beaver Builder, check out my Beaver Builder Tutorial. You don't need to know how to code to make websites with WordPress and Beaver Builder, although it is very helpful if you can code.

If you are looking for some fun exercises to improve your HTML and CSS, check out my Practice Exercises.

I hope you can find something helpful on this website to help you add tools to your developer toolbox!

Susan

10 Learn the coding languages that drive the Web: HTML and CSS!
9 HTML and CSS are the ideal languages to learn first. Markup languages are easier to learn than traditional programming languages.
8 HTML and CSS are the foundations of the Video Game Design Program at Saint Paul College.
7 Students will learn web design principles and explore cutting edge  tools to edit their designs in code.
6 You will be able to make a website for your family or friend's business!
5 The demand for web-based software continues to grow at a rapid rate, as does the demand for employees with these skills.
4 CSCI 1450 is required for both the Web Design (Layout/Graphic Design) and Web Development (Programming) degrees.
3 Web Design pushes students to use problem solving and creative thinking skills for practical applications.
2 Recruiters want employees with experience in Bootstrap, Javascript, PHP, jQuery and React, all of which are built on HTML and CSS.
1 Making websites is a blast!

A 3-Step Process for Adding Features to WordPress

By Susan Metoxen | September 12, 2023 | Comments Off on A 3-Step Process for Adding Features to WordPress

This scenario happens every day. Your client calls and wants to add a feature to their WordPress website. Here are some technology they may ask for to give you an idea of the types of features they would like added: What Do You Do? Follow this 3-Step Process for Adding Features to WordPress How can…

WordPress Skill Levels (IMO)

By Susan Metoxen | September 12, 2023 | Comments Off on WordPress Skill Levels (IMO)

I created this break out of the various WordPress skill levels for my Web Design students at Saint Paul College. These levels are my opinion and may differ from the opinions of other WordPress developers. I provide this information to my students so they can put their learning about WordPress into context of where they…

WordPress Page Builders and Beaver Builder

By Susan Metoxen | June 30, 2023 | Comments Off on WordPress Page Builders and Beaver Builder

In this lesson we will learn how to create a fully designed web page with a WordPress page builder called Beaver Builder. Beaver Builder is a WordPress page builder used to make beautiful home pages on websites.

Search Engine Optimization with Yoast

By Susan Metoxen | May 21, 2023 | Comments Off on Search Engine Optimization with Yoast

In this lesson we will learn how to use Yoast for Search Engine Optimization (SEO). SEO is the process of making your website come to the top of search results. When you create a new website, the next step is to get website visitors, and the best way to do that is with SEO copywriting.

How to Add Content with the WordPress Block Editor

By Susan Metoxen | May 19, 2023 | Comments Off on How to Add Content with the WordPress Block Editor

In this article we will learn how to add and edit content with a WordPress Post (Article) with the Block Editor.

You need access to a WordPress website in order to go through the steps in this slideshow. In my college courses, I provide access to students to a WordPress website, WebDevPortfolios.com. If you are not in my course, then you will find instructions on how to set up a WordPress website so you can practice the concepts in this article.

WordPress 101: Logging In, the Dashboard, Editing, Themes, Plugins, and Customize

By Susan Metoxen | May 13, 2023 | Comments Off on WordPress 101: Logging In, the Dashboard, Editing, Themes, Plugins, and Customize

This article provides an overview of some WordPress concepts that you will need to master as you learn WordPress, including how to login and navigate to the dashboard, how to edit a post, how themes and plugins work, and how to edit your overall website design with Customize.

How WordPress Works

By Susan Metoxen | May 13, 2023 | Comments Off on How WordPress Works

If you only know HTML, CSS, and JavaScript, it can be challenging to wrap your head around how WordPress works. With HTML, CSS, and JavaScript, you create and publish files to a hosting server. With WordPress, the website content and settings are not stored in the website files. Instead, the content is stored in database tables. In this article we’ll explain what the database tables are and how the website files interact with them.

Why are most websites made with WordPress?

By Susan Metoxen | May 13, 2023 | Comments Off on Why are most websites made with WordPress?

As of this writing, WordPress powers 43% of the World Wide Web. And, of websites using a content management system, market share is 64%. Why are so many websites made with WordPress? This article explains why WordPress dominates the web development marketplace. A strong understanding of WordPress is critical for students of web development.

The Magic of Publishing Your Website

By Susan Metoxen | May 13, 2023 | Comments Off on The Magic of Publishing Your Website

Linking the Domain Name and Hosting Plan with DNS Does publishing a website really take magic? To publish a website you need to register a domain name from a domain name registrar, and you need to purchase a website hosting plan. Once you have the domain name and hosting connected with the DNS, then you…

“What Should I Charge?”

By Susan Metoxen | April 9, 2023 | Comments Off on “What Should I Charge?”

If you are an aspiring web designer or developer, I recommend that you look for opportunities to work on websites to build your portfolio. Perhaps you find a family friend that needs help with their website. Perhaps you hear about a possible internship. At any rate, you have found a possible client who needs your…