- Overview
- Transcript
1.2 What You Need
You'll need some tools to follow along with this course and to continue your journey as a web developer. In this lesson, I'll show you how to get set up.
Related Links
1.Introduction2 lessons, 06:25
1.1Introduction01:51
1.2What You Need04:34
2.How the Web Works2 lessons, 16:03
2.1Networks and DNS09:20
2.2HTTP and the Web Server06:43
3.Creating Documents3 lessons, 27:13
3.1Marking Up a Document09:38
3.2Making Our Document Valid06:22
3.3Semantic and Generic Elements11:13
4.Styling Documents3 lessons, 34:07
4.1Adding Style08:17
4.2CSS Selectors16:15
4.3Modifying Layout09:35
5.Scripting Documents3 lessons, 22:36
5.1Variables and Functions09:06
5.2Writing Your Own Functions05:34
5.3Objects07:56
6.The Document Object Model6 lessons, 42:45
6.1DOM Basics08:58
6.2Finding Elements07:40
6.3Working With `NodeLists`04:30
6.4Manipulating an Element's CSS Classes04:29
6.5Listening for Events08:42
6.6Practicing the Concepts08:26
7.HTTP Requests With JavaScript1 lesson, 09:16
7.1The fetch() API09:16
8.Introduction to Server-Side Development5 lessons, 43:24
8.1Introduction to Server-Side Development10:31
8.2Your First Line of PHP Code06:57
8.3Functions and Variables08:00
8.4Parameters and Decisions08:13
8.5Getting Data From the User09:43
9.Getting Started With Databases3 lessons, 31:01
9.1Create a Users Table12:00
9.2Create a Posts Table10:20
9.3Inserting Data08:41
10.Using PHP to Interact With MySQL4 lessons, 51:59
10.1Reading and Displaying Data12:34
10.2Passing and Validating Data11:58
10.3Updating Data14:52
10.4Joining Data (And Deleting Posts)12:35
11.Conclusion1 lesson, 01:47
11.1Conclusion01:47
1.2 What You Need
Before we begin, let's very briefly go over what you will need not just to follow along in this course, but for web development in general. Now, there are a ton of tools and many developers use a lot of these tools on a daily basis. And we aren't going to talk about 99% of them because well, they just had a lot more complexity and you're just starting out. There's no need to bog you down with a ton of command line tools because you will eventually get there right now. I want to focus on the core technologies of just developing applications, HTML, CSS, JavaScript, PHP, all of that wonderful stuff. So we're going to just start with the basic utilities, and then we can go from there. So the first thing you need probably goes without saying, you need a web browser. And in today's day and age, there just really two camps. There are those that are based upon Google Chrome, and then those that aren't, and that's primarily Firefox. And it really doesn't matter what browser you choose, because. They are all very good browsers and especially if you choose one that's based upon Google Chrome, well, they're all going to winder everything the same. So that would be of course Chrome, Opera, which nobody uses Microsoft Edge and there are many other, Brave is another one. But then there is also Firefox so you can choose whichever one that you want to use because they are all going to work just fine. Now I'm going to be using Google Chrome some. I will also be switching to the new Microsoft Edge which is also based upon chrome. So use whichever one that you like. Just don't use Internet Explorer or use the old Microsoft Edge if you're on Windows. So the next thing you need is a code editor. Now, every operating system comes with a built in text editor and that would be fun because all we are doing is writing text. However, I don't recommend that you use whatever comes with your operating system because there are many features that a code editor has that just a normal text editor doesn't. So let's briefly go over a few of those. One is called brackets and the website is brackets.io and. That's kind of interesting that it doesn't switch to HTTPS, but that's neither here nor there. Now brackets is a little interesting because it has a built in web server. So a lot of the things that we need to do require a web server so it's nice that one is built in you don't have to download anything extra. And to start with we are going to be using brackets. It is a nice editor to have and it works very well. It is cross platform, so feel free to download and install that but if not, there are other tools available. One of them is Microsoft's Visual Studio code. Just do a search for VS code. And this is also cross platform. Now when it comes to JavaScript and whenever we start focusing on JavaScript, I am going to switch to Visual Studio code because, well this is the best tool for working with JavaScript. And one of the great things about this is that it is extensible. There are a ton of extensions, and one of those is a web server, which we will also install later on. Now you don't have to use visual studio code, but I do recommend it for at least for JavaScript. Now there's another code editor called sublime. And this is not a free utility brackets and Visual Studio Code are free. Sublime Text is not so there's nothing wrong with Sublime Text. I have used it before. It is a nice code editor. But for me personally, I never found the value in paying for Sublime Text because I could get almost all of the other features in a freely available solution. But other people love Sublime Text. So there's nothing wrong with that. They do have a trial. So if you want to try it, go for it. Every one of these code editors work very well. And I can't really say anything bad about any of them. So whichever one you choose, great, it's going to work. The most important thing is that you pick the tool that works best for you. And so now that we have all of that out of the way, let's get started learning how to be a web developer.