Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
content/css
css
data
images
pages
scripts
templates
.gitignore
README.md
html-tags.json
index.html

README.md

VanillaJS-Demos : A Simple Web Developer's Notebook

About

This is a notebook written in plain HTML. It is a basic guide to building web sites using only HTML, CSS, and JavaScript (without any external libraries or frameworks, such as jQuery).

Sometimes we become so dependent on our Web UI framework that we forget how to do these things in plain HTML and JavaScript, so this notebook can be a handy reference if you need to refresh your memory on some of the fundamentals.

Content

  • A list of all HTML tags, with quick links to W3Schools and Mozilla Developer Network for more details.
  • A list of basic DOM operations showing how they can be accomplished using pure JavaScript without jQuery.
  • A list of YouTube videos about JavaScript recorded by Doug Crockford. This is a well known video series and very useful for helping newcomers get up to speed on JavaScript.
  • A variety of HTML page templates for creating new web pages quickly.
  • A list of other handy web resources for web developers, including sites that cover VanillaJS, online developer tools, content delivery networks, etc.

What You Need

  • git (to clone this repo)
  • A web browser
  • Optional: A locally installed web server

What You DON'T Need

  • NodeJS, PHP, ASP, ASP.NET, Ruby, Python, JSP, etc. This notebook uses only HTML and browser-executed JavaScript and does not require any back-end server side processing engines.
  • No build scripts or front-end tooling: bash, make, webpack, grunt, gulp, bower, npm, etc.
  • No transpilers: Babel, TypeScript, etc.

Installation

Option 1: To use the files directly from your browser:

  • Clone this repository to your local computer
  • Using your browser, simply open the index.html file in the root of this repo. Navigate and enjoy. (Tip: On Chrome, press Ctrl-O to open the File Open dialog).

Option 2: To serve the web pages from a local web server:

  • Clone this repository to your local computer
  • Configure your web server of choice to serve the HTML, JavaScript, and CSS files. Since this notebook does not require any back-end server support, it is not necessary to configure NodeJS, PHP, ASP, ASP.NET, JSP or any other back-end page handlers. Generally you just need to configure your web server to point to the root directory and assign it a port number.
  • Optional: It's a good idea to configure the web server to serve index.html as the default page.
  • Open your browser and navigate to http://localhost:port_number_here, or to whatever location or virtual directory you configured your local web site.
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.