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! |
What you need to know before you hire a developer When you decide that you want to make an e-commerce website, there are a lot of decisions to be made. You need to know what you want to sell and be prepared to present your products to the world. In addition, you need to make…
When you are planning to share a new product or post on Facebook or other social media, it is important to prepare your web page before sharing it. If you skip this preparation, then you are less likely to bring users to your website. After all, isn’t the goal to bring people to your website…
Interested in blogging? You really can make a website on a budget, and this article shows you how to do it. Website blogging is a way to have a voice on the Internet and can be a way to make money. It takes a lot of content to make money from advertising, but if you…
While learning web development skills you can make money making websites. In fact, as a student of web development, you have the added benefit that any time you spend making websites not only provides you with monetization opportunities but also adds websites to your portfolio. My Path To Monetizing My Work When I first changed…
Modern websites are made with rows and columns for good reason…we need the columns in a desktop layout to stack on mobile devices. You want your website to look great on a large screen, and that requires that you build a wide design. But, you also need your website to look great on very narrow…
One class exercise is to create a sprite on piskelapp.com. Animated PNGs and GIFs can be displayed on websites in the <img> tag, like any other image. Here are some examples.
What is it like to work as a Web Designer? Web design is a combination of art and problem solving. On the art side, a web designer crafts websites that are a beautiful reflection of the brand and are intuitive to use. On the problem-solving side, a web designer creates a fluid layout that works…
As the owner of White Buffalo Websites, I have worked with many website hosting plans. I am hosting over 100 websites for my clients and students. From my experience I recommend two website hosts, Flywheel and SiteGround. In addition, I have worked with the following website hosts: Big Scoots, GoDaddy, Dream Host, WP Engine, Green…
When you own a website, you can be a target for scam. The scam described in this email is comes from someone impersonating a photographer, accusing the website owner of using their photos without permission. Have you received an email message that starts like this? Hello there! This is Meleena and I am a certified…
After working 30 years in health care administration, I was bored at my job and wanted to do something completely different. I had opportunities to make job changes within Health Care Administration, but none of those appealed to me.
On on whim, I went on to Amazon.com and looked for a book on programming. The book I picked out was actually for teens, a book on how to learn to program with GameMaker by Yoyogames.com. On a Saturday afternoon, I opened up the book and started to go through the first tutorial. After a few hours, I had followed all of the many steps in the tutorial, and I was ready to push the “Compile” or “Run” button, to see the result.