hola, mundo! - HTML - Naming Conventions
Save Early - Save Often
Coach dyer pontificates about setting up a home web development environment and answers invisible questions. #hola, mundo!
A brief introduction to HTML file and folder naming conventions.
Hecka notes.
This week in class we will begin exploring some of the tools and concepts related to developing web pages, or documents and applications meant to be used in a browser. We will start by setting up a development environment and building some simple web pages. First we will experiment with HTML (hypertext markup language) and CSS (cascading style sheets) by adding, organizing, and modifying text and images to create unique content. Then we’ll spice things up a bit with some JS (javascript) and really give ourselves enough power to totally break things.
Coach Dyer will generally focus on adding pictures of food or floofs (doggos, kittehs, etc.), but as a general rule - please feel free to modify the content of any specific image or media we add as part of a demonstration, as long as your code arguably includes examples of the technical concepts being demonstrated.
Students will select one of the many text editors that are freely available, based on preference, ease of use, and what you can get working on your system. In class we have discussed Atom.io, Sublime Text, Visual Studio Code, Caret (works on chrome books!), and some hardcore options, like emacs and vim. Try Caret first if you’re on a chrome book, otherwise choose whichever flavor you prefer. Coach Dyer will be starting with atom, but also including sublimetxt and eventually, maybe, visual studio code.
Setting up a Development Environment
Install [one of the above mentioned text editors] atom/sublime/vsc/caret
Make sure to install the program somewhere on your system that you have permissions to save and access files. Ask a parent if you are using a shared family machine.
Create a public_html folder somewhere you can find it, using File Explorer or equivalent.
If you already have a folder to collect assignments for this class, that is a good starting location. Eg, MyDocuments/FoCS/public_html, or c:/dev/focs/public_html
The name of this folder is important! Please use the exact naming conventions, public_html, so our website will work if we choose to publish it online.