class 2 notes - Read: 02 - The Coder’s Computer
Why Text Editors Matter
Text editors are one of the most important tools for aspiring web developers because they allow the user to write and manage their code. The right features and extensions in a text editor will allow a web developer to create code more easily and efficiently.
Choosing a Text Editor
Source: https://codefellows.github.io/code-102-guide/curriculum/class-02/Choosing-A-Text-Editor–The-Older-Coder.pdf
- What is a text editor?
- software that allows a user to write and manage text
- What features should it have?
- code completion
- syntax highlighting
- variety of themes
- variety of extensions available, like shorthand language Emmit
- Options:
- The editor that comes with your computer (Mac is “Text Edit”, Windows is “Notepad”).
- Notepad++
- Text Wrangler
- BB Edit
- Visual Studio Code
- Atom
- Brackets
- Sublime Text
- Tips:
- Store your entire website in a folder on your computer somewhere
- Use the right extension for files (ex. .html, .css).
- What’s the difference between text editors and IDEs?
- text editors edit text, manage text, and manage files.
- IDE = Integrated Development Environment
- IDEs are a suite of different software; a text editor, file manager, compiler and debugger all in one package.
The Command Line
Source: https://ryanstutorials.net/linuxtutorial/commandline.php
- The command line is also known as a terminal; it’s a text based interface to your computer system. It works by typing commands and receiving feedback as text.
- You can have several command lines open and doin different tasks at the same time, while also jumping back into the GUI when you need to.
- You’re typically given a prompt and you mostly issue commands
- Find your terminal in yoru computer’s applciations, typically under utilities.
- The shell: each terminal has a shell - the part of the os that defines how the terminal will behave and look after executing commands; the most common shell is “Bash” - bourne again shell.
Basic Navigation
Source: https://ryanstutorials.net/linuxtutorial/navigation.php
- PWD = Print Working Directory: Tells you your current location
- ls = List: lists what is in the current file
- CD = change directory
- Root directory: the very top of the structure; denoted by a single slash (/); has subdirectories
- Types of paths:
- Absolute: specify a location in relation to the root directory (begins with /)
- Relative: specify a location in relation to where you are in the system
- ~ tilde is a shortcut for home directory
- . (dot) is a reference to yoru current directory
- .. (dot dot) is a reference to the parent directory
More About Files
Source: https://ryanstutorials.net/linuxtutorial/aboutfiles.php
- Everything is a file: text file/directory/keyboard = all files.
- Examples of File extensions:
- file.exe
- file.txt
- file.png / .gif / .jpg
- Linux is extensionless - so it ignores the extension
- file [path] will tell you the type of file in Linux
Tips:
Things I Want to Know About
All questions have been answered!
Links to Cheat Sheets
Live URL to this page: https://s-glass.github.io/reading-notes/102/class2notes