Robot Dad

[robotdadblog-blog]

Variables are storage containers for data.

[robotdadblog-blog]

Learning Javascript - Chapter 1 Files

https://github.com/imrsn/learn-javascript/tree/master/chapter1

Write to HTML Element with .innerHTML

Direct Document Output with document.write

Bad Output with document.write

Multiple Statements in a Single Script

Line Continuation with \

[robotdadblog-blog]

Javascript - Understanding the Dot Syntax

Javascript uses what is called a dot syntax which is a period ( . ) between the elements of a statement. Generally a complete statement begins with an object or variable. Objects can have functions, properties and events associated with them.

The dot syntax is used to describe to javascript how to interact with the objects, properties, functions and events in an app.

Object - a collection of properties. - further reading

Property - the most important part of a javascript object. It is a name or value associated with the object. - further reading

Function - An action that can be performed with an object.

Event - An action performed with an object by that object or an external source. Ex: the document object provides a click event. When a function is assigned to the onclick notification and a user clicks the document, javascript calls the function you provide (called an event handler).

Example:

document.write("This is direct output")

Access the document object.

Find the write() function within that object.

Send "This is direct output" to the write() function.

Execute the write() function.

[robotdadblog-blog]

Javascript Methods and Properties

Methods

document.write() - The write() method writes HTML expressions or Javascript code to a document.

getElementById("myText") - The getElementById() method returns the element that has the ID attribute with the specified value.

setAttribute() - The setAttribute() method adds a new attribute.

--------------------

Properties

innerHTML - The innerHTML property sets or returns the HTML content (inner HTML) of an element.

[robotdadblog-blog]

OSX Terminal Commands

ls

list files and directories at your current level

cd

change directory (folder)

cd -

goes back one directory

mkdir

makes a new directory

cp

copy files or directories

mv

move (rename) files or directories

rm

remove files or directories

[robotdadblog-blog]

Commit First File to Git

Terminal Commands:

git add -A (case sensitive -A = All) git commit -a -m "My commit message"

[robotdadblog-blog]

Git Cheat Sheet

Common git commands in a day-to-day workflow - Gist is a simple way to share snippets of text and code with others.

[robotdadblog-blog]

[robotdadblog-blog]

JavaScript reserved words

break case catch const continue debugger default delete do else finally for function if in instanceof let new return switch this throw try typeof var void while with

[frontenddevreactions-blog]

The first time I heard about * { box-sizing: border-box }

[robotdadblog-blog]

Further Reading:

Box Sizing by Chris Coyier

[robotdadblog-blog]

Prequel

A graphic designer on a journey to become a web designer. Learning to code is scary but that isn't a good reason to not do it.