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!

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! |
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…
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.
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.
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.
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.
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.
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.
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…
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…
There are many free price promotion options with WooCommerce, the plugin that is used in combination with WordPress for e-commerce. With WordPress and the WooCommerce plugin you are able to run an e-commerce website at a very low cost. WordPress and WooCommerce are both free. Without adding paid plugins to WooCommerce, you can run the…