Using a good text editor with useful features will help your web development workflow. This video goes over some options.
- [Instructor] At its most basic to create a website all you need is a browser and a text editor. Basic text editors like Notepad, or Text Edit, come pre-installed on your computer. You can use them, but they lack features such as syntax highlighting, auto complete, and more. Some popular options for front end development are, Sublime Text, which is widely used, and a popular option. Visual Studio Code is another popular option, which is developed by Microsoft. Adobe also has its own text editor called Brackets.
And my personal favorite is Atom. Created by Githhub. I'll be using Atom for the remainder of this course. You can use whichever editor you prefer to follow along with the exercises. Let's look at a basic html file in Atom. One of the features I find most useful is the syntax highlighting. Which makes it easier to distinguish between the html tags and the content. For example the html tags are red, and the content is black. You'll also notice that there are different colors for the attribute values and the attribute names.
You can even change the syntax highlighting theme colors in your editor's preference settings. Or increase and decrease the font size by selecting control on a PC or command, and the plus or minus keys. Also when I click on a tag the corresponding opening or closing tag is highlighted, making it easier to see the matching pairs, this will help debug your code in the future if you're looking for extra closing tags, or extra opening tags.
These are just a few basic features, but there is a lot more. Make sure to check out your editor's documentation or preference settings to see what else is available. Specific features may vary across editors, and sometimes it takes trying a few before you settle on a favorite. But most editors are pretty similar.
- Creating a CSS file
- Writing basic selectors
- Setting properties
- Using different typefaces and web-safe fonts
- Understanding cascading and inheritance
- Setting a font family, font size, text color, and more
- Understanding the box model
- Using the float property