Main navigation

CSS

Although I usually recommend video courses for learning how to code in some cases reading a book just makes more sense. In fact in general when it comes to learning sometimes I just prefer to read a book. I spend a lot of time during the day at a computer and after a while its nice to just give your eyes a break.

Books can be good for learning web development. In fact one of the best references for learning HTML and CSS was written by Jon Duckett, check it out by clicking here. Of course the quality of the book also makes a big difference but for those times when you just simply don’t have access to a computer or a stable internet connection here is a list of the top 5 web development kindle books to read:

The number one book on this list is WordPress for Beginners. WordPress is a great content management software platform that every web developer needs to learn and master. This book offers a cheap resource that will definitely get you started with WordPress and have you creating your first few websites in no time. Check out on Amazon by clicking here.

2. Learn CSS in One Day and Learn It Well

CSS is a very important language that teaches you how to style a webpage. If you want to make beautiful websites which every client is going to want to have then you are going to learn CSS and master it. Although CSS is a very deep language and it takes a lot of practice to get to the point to where you can make nice looking websites you are going to need to start somewhere.

Start with the basics and work your way up from there. You can grab Learn CSS in One Day off Amazon here.

3. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability

The number 3 book on this list is quite interesting because it doesn’t teach you exactly how to program per say but it teaches you something that web usability is very important. In fact why do most users leave websites, because they ether can’t find what they are looking for or they don’t like the way the website works.

This is a very important concept to understand and sometimes less is more. This is a great book for anyone who has done a little bit of programming and wants to take their skills to the next level. You can grab it off Amazon by clicking here.

Although this book doesn’t exactly go into very specific details on building websites it does introduce you to plugins that can help make your life as a web developer a heck of a lot more easier. This is also a great book for those just starting out and want to still offer clients a service but maybe your not quite comfortable building a website completely from scratch.

There’s nothing wrong with using a plugin and as you get more experienced as time goes on you will learn more. Check out 500 FREE wp plugins to help you build websites off Amazon by clicking here.

5. A Smarter Way to Learn JavaScript

This one of the best kindle books out there period because it also helps you practice what you are learning. You will need an internet connection to access some of the online content from this book but that’s okay, this book does the best of both worlds. If you are interested in learning JavaScript then this book is a great place to start. You can grab it by clicking here.

Well, there you have it. These are the best selling Kindle books on Amazon for getting started with web development. Actually to be honest there are many, MANY more, I just picked a few from a very large list. The point isn’t to read as many books as you can the point is to pick a few, work through them and then practice what you learn.

Practicing and applying what you are learning is very important!

If you liked this post please let me know! Also if you have any recommendations I’d love to hear about them in the comments below!

Hello everybody, welcome to the course. You can watch the video version of this lesson below:

In this video, you’ll going to learn the basics of HTML. Were gonna get started off by creating a new folder on your computer to organize the files for this course.

So, go ahead and do that right now.

I’m going to create a new text document. This is going to be our web page.

Open up your newly created text document and go to file and save it as index.html.

Notice how now we have an html file here that we can open up with our web browser. We can go ahead and delete our old notepad file since we don’t need it anymore and if we open up this file, we can see we have a blank webpage.

This is because we haven’t actually written any html yet.

The next thing we have to do is we have to get our html or coding editor so that we can use it to write html on our webpage.

I’m gonna go ahead and go to Google.com and I want you to type in “Notepad ++” and you will want to click on the first result here or you can go to this URL here, which is the homepage.

After the file is downloaded, give it a click and start the installation process. Select your language here, go through the agreements and everything, and pick where you want it to be installed.

I’m just gonna leave all this stuff as default since I don’t really know what any of it does. Again, just kind of skip through all this stuff, don’t worry about any of it and it will start installing.

Now, I have an earlier version of Notepad ++ so I’m just gonna ignore these little things that pop up and I think that’s what’s causing that but again, you can just kind of ignore them and Notepad ++ will just install normally and now we can hit “run” and now we have Notepad ++.

What we want to do is we’re gonna go back to our HTML document, I’m going to right click it and go edit with Notepad ++.

Now, we have our document opened up in Notepad ++ and we can begin to write some html.

I’m just gonna write some basic html elements here and just kind of show you how we can start to build a website.

The first thing I’m going to create is called a tag, this is an html tag and this is the start of the tag and we also have to make a closing tag.

I’ll write the closing tag here.

You’ll notice that there’s a forward slash here at the closing tag. You’ll also notice that it changes color in our coding editor.

What this means is all of our html content on this page has to be within this html tag. Pretty simple to understand. Right?

If we click on the tag, Notepad ++ will highlight the closing section as well.

We have our h1 tag, it’s closed off and inside of it we have some text and this text is going to be given the style of an h1 element.

When I save our file and preview it, you’ll see exactly what I mean.

So, we can see our text here is now a headline on our webpage.

Pretty simple, right?

And if we go back into our document and if we change this text here to something a little bit different and we save our file, and then refresh our page by hitting F5, we will see that our text will change to whatever we wrote again.

This is basically how we add html elements to an html document.

It’s pretty simple, it’s not super complicated.

Let’s go ahead and look at a website online that is using html elements. Amazon.com is predominantly made up of html elements. Now, there is some CSS JavaScript and different styling going on here but predominantly this website, on the back end is created with html.

Again, if we go into my blog, we can see here that html is predominantly creating this website. We have some text, we have some content and again, it is styled with CSS to make it look different, but this is predominantly html that is building this website at its structure.

What you’re going to learn how to do is build the structure of a webpage in this course.

Remember, html is the structure of a webpage, CSS is what styles the website and there’s also a third option called JavaScript, which adds interactivity to a webpage.

If I go to my courses page here, if I hover my mouse over one of these images, you’ll see that it moves.

Before we can do any of that, you have to have a firm and strong understanding of working with html.

Really, that’s what creates the backbone and the structure of a webpage. Now that you know what html is, it’s time to start looking at the structure of an html document in further detail which you will learn in the next lesson.

This lesson is part of my Introductory to HTML and CSS course on Udemy. If you are interested in purchasing the full course, you can do so by clicking here.

The Following is my CSS basics course that you can watch below. This course is created for those who are familiar with HTML and are ready to progress to the next level. If you need a refresher on HTML check out my HTML basics course by clicking here.

Video Transcript

Hi guys, how’s it going? In this video I’m going to address two common questions that I get; the two questions that I’m going to focus on are beginning related questions. I get this asked a lot from people who are just starting out learning how to program or design websites, and that is what is the best place to start learning how to code? How do you get started with HTML or the different programming languages that there is out there?

I know it can be really confusing because there is a lot to learn. There’s HTML, there’s CSS, there’s JavaScript, there’s WordPress; the list just goes on forever. My recommendation for most people is to start off with HTML. Get a good grasp of HTML and then you can move on to something like CSS.

My main piece of advice is to just take it one day at a time, because a lot of stuff you learn in programming, stuff like that; it’s not stuff that kind of just settles in and clicks in right away. It takes some time to learn and you just take it day by day. I’m actually going to give a recommendation of a great resource to get started with learning how to program websites and design websites.

The first recommendation I’m going to give you is to go on the internet, look up free tutorials, look up courses; even look for paid ones, I have paid ones myself. Just look at some very beginner ones. If you rate straight from a beginner, you know nothing, like I said focus on HTML, CSS and just go through the courses, do some practical assessments, try to build some websites yourself.

Try to build up your portfolio and just take it day by day. It really does just take practice and time, then eventually over time you’ll kind of get those aha moments and things will start to click in place. At least that’s what happened with me when I first started learning. It took me a while before things started to click in my head.

My other recommendation I’m going to give you guys is; I have a book here, it’s called “HTML & CSS: Design and Build Websites.” I believe the author is John Duckett. I got this on Amazon and I got a link for it, you can take a peek at it if you want. I think I grabbed it for about $20 give or take. It’s a book about HTML and CSS and it’s a great reference for anybody getting started.

I’m going to take a quick peek here and show you what this book has to offer. As you can see the pages are really well done, the graphics are really well written. There’s a lot of text, a lot of information and reference. It shows you all the different commands in HTML, CSS, how to build layouts, responsive web design. It even has a section on CSS3 and HTML5.

There’s a lot of design theories and different things like working with images and stuff. It’s a great book, and it’s a great reference, and I highly recommend it for anybody who is just starting out with HTML or CSS.

I think together you can grab both the books for roughly about $50. They’re a great reference and I highly recommend them for everybody who’s just starting off. Again, just go online, look up tutorials and YouTube videos and stuff like that. Eventually things will just click into place. Again, check the book out, there’s a link for it in the description.

Hope you guys liked this video, hope it helped you out. You know what, just stick with it and eventually you’ll get to understand it. Before you know it, you’ll be developing websites and programming online.

Is This Book Right For You?

If you are interested in picking up this book are not quite sure whether or not its right for you then here is what I have to say about it. HTML and CSS – Design and Build Websites is geared towards those who are beginners or still need a good reference on how to build websites from scratch.

If you are still in the phase where you need a guide or are constantly looking how tutorials and guides or just can’t seem to stick it all together then this book is what I recommend. The pictures are great and the quality is very good. The book itself is a little on the expensive side but honestly for what you get its actually pretty under priced in my opinion.

Although this was only a short review I hope you enjoyed it. If you have any comments to share about the book then please do so in the comments section below!

The following in my own personal review of the ever so popular Complete Web Developing Course 2.0 by Rob Percival. In this video I will give you a sneak peek of what to expect and why I recommend you grab this course if you are a beginner who is just starting to learn web development.

On the following page you will find everything you need to know in order to create your very first website with HTML and CSS. This course has been designed for complete beginners. If you are new to web development, HTML and CSS this is a great place to start.

You can watch the course all at once or you can watch it in digestible chunks in the set of videos below.

Enjoy!

Full Course:

Separate Videos

The following videos are taken from the same course but broken up into smaller chunks if you prefer to learn at a slower pace. You can also use this section to refer to certain parts of the course that you want to re-watch or use as reference in the future.

Introductory To The Course:

A basic introductory to the course and what type of website you will be learning to build.

How to Create Your Very First Webpage With HTML

You will learn how to create your very first webpage and a few basics HTML elements.

How To Choose a Basic Coding Editor To Work With

There are a lot of coding editors on the internet to choose from. In this video I will show you what coding editor I use for free.

What Is HTML?

Learn what HTML stands for and how it is used to build websites.

Our Basic Wireframe For Our Website

In this video we will go over the final version of our website and talk about why it is important to have a basic idea of what your final website will look like before you begin to actually design and write the code for it.

Adding Basic Structure To an HTML Document

It is important to understand the basic syntax of an HTML document. In this video you will learn how to basic structure to an HTML document.

How To Create Our Websites Header and Footer

Let’s now create the very basic structure of our websites header and footer.

How To Create Our Websites Navigation Menu

A navigation menu is very important for a website. Let’s create the basic structure of the navigation menu we will be using for our website.

Creating Our Websites Portfolio Page

The portfolio page is going to be our websites main page. Let’s start creating the basic structure of our portfolio page.

How To Add an Image To a Webpage

Our portfolio page will be featuring a lot of different images. In this video you will learn how to add an image to a webpage with HTML.

Creating Our Websites Basic Footer

Let’s expand a little bit more into our websites footer and add some more content and structure.

Introductory To Cascading Style Sheets (CSS)

Cascading Style Sheets are used to style and change the way a website looks. In this video you will be introduced to CSS and how we can use it to make our website look pretty.

The Difference Between Internal and External CSS

External and Internal CSS both have their uses in web development. Let’s go over when it is appropriate to use them.

Working With CSS ID Selectors

CSS ID selectors allows us to have greater control over how we can style elements on a webpage. Let’s add an ID to an HTML element and style it accordingly.

How To Build a Website Wrapper

A wrapper can be used to help our website become more mobile responsive especially when viewed on devices with smaller resolutions.

Introductory to Responsive Web Design

Responsive web design is all about making sure web pages and websites are usable on all mobile and desktop devices. In this lesson you will get a basic introduction to responsive web development.

Adding Basic Colors To Our Website With CSS

CSS can be used to add basic color to our website to really change the way the elements on a webpage can look. In this video you will learn how to style basic text on a webpage.