Web Dev Tutorials & Projects
Below, you'll find a select few of web development tutorials and projects featured on my YouTube channel, dcode.
This list covers a wide variety of beginner, intermediate and advanced guides.
2. How to Style HTML Tables with CSS
In this tutorial you'll learn how to create beautiful HTML tables using a bit of simple CSS. It also features the ability to "highlight" a row, making it easy for users to see important data.
In this tutorial, you'll build a simple Progressive Web Application (PWA) for the web. Progressive Web Applications are simply web apps that behave like native applications, and are typically "offline-first" meaning we can take advantage of Servic...
8. Image Hover Text Overlay Effect with HTML & CSS
In this tutorial, you'll create an "image hover text" effect using HTML and CSS. This is perfect for photo galleries or company websites when listing employees.
12. How to Easily Create Buttons with Icons Using HTML & CSS
In this tutorial I'll be showing you how to create a button with icons using HTML & CSS. This is easily done, and can be added to your own website or project.
13. How to Create an Image Grid Gallery with HTML & CSS
In this tutorial we'll be using CSS3 Grid to build an Image/Photo Grid Gallery, which you can easily add to your existing websites or apps. This is a responsive, mobile friendly solution that doesn't require too many lines of CSS.
14. How to Build a REST API with Node.js & Express
In this tutorial we're going to take a look at how easy it is to build a simple REST API using Node.js and the Express framework. This API is going to allow users to post comments to a web server, as well as retrieve a comment once posted.
In this post we'll use Express.js and pdf-parse to extract text from a PDF document.
18. How to Create 3D Buttons with HTML & CSS
It's super easy to style 3D buttons using CSS - in this video we'll a look at how to do just that. This will work for both anchor (<a>) tags, and button (<button>) tags.
You might be asking - how is it possible to build a to-do list using only HTML and CSS? Well, CSS has come a long way 🙂
22. How to Add an Alert Box to Your Websites with HTML & CSS
25. How to Create a Responsive Gauge Component with Vue 3
Learn how to create a gauge component using Vue 3 in this video tutorial. A gauge component like this is perfect for dashboard user interfaces or displaying data.
27. How to Build a Counter Component with Web Components