The Web Survival Guide
Browsers are the main method of interacting with the World Wide Web, we are going to use them as both a viewer and as a development tool.
- Edge (replacing Internet Explorer)
- Safari Apple
- Chrome Android|ChromeOS Chrome help
- *Firefox Developer Edition Mozilla
- Firefox Mozilla
- Brave all about security and privacy
- Opera very different, been around forever.
- Atom Editor Created by the people from GitHub it is available for all 3 operating systems* and is free.
- Visual Studio Code is Microsoft's entry into free code editors, available to all.
- Brackets is Adobe's Opensource editor focused more on HTML than general coding. Available to all.
- Sublime Text is commercial software with an endless free trial. Currently one of the most popular editors in use.
- An article that explains taking screenshots of everything
- Plug-in EFF Privacy badger
- Adobe Acrobat reader sometimes you just need the original
- Google Docs help
- adding monitor keyboard and mouse to laptop
- multiple monitors Windows, Macintosh
Browsers - SYSTEM
Sometimes referred to as code editors, they can be dedicated to just HTML or many different forms of code. Notepad comes built-in to Microsoft Windows. It does not provide any help when coding. TextEdit comes built-in to Apple macOS also does nothing much to help you, but they are there if you just need something. We don't use Google Docs or MS Word, neither can or does a good job of creating web code.
There are other choices, if you are a die hard Linux user you can try using VI or VIM. Windows users like Notepad++ and for Macintosh people there is BBedit. I am currently using Nova from Panic software that is a brand new replacement for CODA.
To publish to the web you have to have a basic understanding of how it works.
- Client & Server
- DNS Domain Name System
- Connectivity, IP and Internet
We are using MDN and W3Schools as our reference guides.
- CODE is fun to say, but not helpful. Markdown, Stylesheet and Script.
- What is MARKDOWN?
- What is a semantic tag?
- Always create a folder/directory and work inside it
- Every text editor has a project system, use it to make things easier
- Test in a browser
Here are 2 text-files with content to play with: jabberwocky and Ozzymandias.
This is a plain html template for you to grab if you need it.
This is a mostly complete template of all the html tags