javascript notes

1. Confirm and prompt
console.log("I am ok"); 
We can make pop-up boxes appear!
confirm("I am ok");
prompt("Are you ok?");
2. Data types

a. numbers (e.g. 4.3, 134)

b. strings (e.g. "dogs go woof!", "JavaScript expert")

c. booleans (e.g. false, 5 > 4)
3. Conditionals

If the first condition is met, execute the first code block. If it is not met, execute the code in the else block. See the code on the right for another example

Data types

a. numbers - just use them like regular numbers

b. strings - anything between a " " is a string. Words have to be strings.

c. booleans - can only be true or false.
Variables
We store data values in variables. We can bring back the values of these variables by typing the variable name.
Manipulating numbers & strings

a. numbers - comparison operators, modulo
b. strings - length, substring
console.log( )
Prints into the console whatever we put in the parentheses.

---->Functions

var nameString = function (name) {
    return  console.log( "Hi. I am"+" " + name);
   
};
 nameString("eli");

 // alt ex

var orangeCost = function(price){
    console.log(price *5);
};

orangeCost(5);


// Parameter is a number, and we do math with that parameter

// alt ex
var timesTwo = function(number) {
    return number * 2;
};

// Call timesTwo here!
timesTwo(5);

Some sites to help you learn coding:

Treehouse is the best way to learn how to design and develop for the web and
iOS: http://teamtreehouse.com/
Code Academy: http://www.codecademy.com/#!/exercises/0
Online Editor to Teach HTML/CSS (Mozilla): https://thimble.webmaker
org/en-US/
Learn To Code: 10 Free And Fantastic Online Resources To Hone Your Skills:
http://www.makeuseof
com/tag/learn-code-10-free-fantastic-online-resources-hone-skills/
Make your web site faster: https://developers.google
com/speed/pagespeed/insights

55+ Extremely Useful Online Generators for Designers: http://www.balkhis
com/web-designs-resources/55-extremely-useful-online-generators-for-designers

Additionally:

How to Make a Web Page:

Knockout Tutorial: Build Dynamic, Interactive Web Pages Easily - http://www
elated.com/articles/knockout-tutorial/

Getting started with HTML: http://www.w3.org/MarkUp/Guide/
Comprehensive intro for HTML and CSS: http://htmldog.com/
Good reference for HTML, CSS and JavaScript: http://reference.sitepoint.com/
BASIC HTML & CSS for NON-WEB DESIGNERS: http://www.dontfeartheinternet.com/
Basic HTML Code / Tags For Simple Web Page: http://www.ibdhost
com/help/html/

HTML Examples: http://www.w3schools.com/html/html_examples.asp
Beginner's HTML Tutorial: http://www.htmlbasix.com/
How to Create a Webpage: http://www.make-a-web-site.com/
So, you want to make a Web Page!: http://www.pagetutor.com/html_tutor/index
html
Covers the basics of web standards-based design in HTML and CSS: http://dev
opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc
====================================

Choosing a Hosting Company? Use The Following Criteria:

http://www.webdesignbooth
com/choosing-a-hosting-company-use-the-following-criterias/
http://www.webhostingtalk.com/
The Best Web Hosting Services: http://www.makeuseof
com/pages/best-web-hosting-services?utm_campaign=newsletter&utm_source=2012-1
-12
Web Hosting Jury: http://www.webhostingjury.com/
Poll: Who Is the Best Web Host?: http://webmasterformat
com/find-a-host/poll-who-is-the-best-host

http://www.hosting-shopper.com/
http://www.rankpulse.com/www.siteground.com
http://b2evolution.net/web-hosting/top-quality-best-webhosting.php
Free DNS services to the Internet community: http://www.everydns.com/

Set Up a Lightweight Windows Web Server Quickly With Uniform Server:
http://www.makeuseof
com/tag/set-lightweight-windows-web-server-quickly-uniform-server/

Additionally:

Useful Tools/Info:

Google Web Toolkit (GWT): https://developers.google.com/web-toolkit/
Webmaster Tools: https://accounts.google
com/ServiceLogin?service=sitemaps&passive=1209600&continue=https://www
google.com/webmasters/tools/&followup=https://www.google
com/webmasters/tools/
Web Design Tips: http://www.webweaver.nu/html-tips/
Webmaster Frequently Asked Questions: http://www.thesitewizard.com/faqs/
Has someone stolen your content? Click to Get it Removed by DMCA Fast!:
http://www.dmca.com/takedowns.aspx?ad=cps

Backlink Generator: http://www.backlinkgenerator.net/
---------------
Sitemap Generators:

Create your Google Sitemap Online: http://www.xml-sitemaps.com/
How to Make a Site Map Freely in the Easiest and Quickest Way: http://www
sitemapx.com/how-to-make-a-site-map.html
http://www.web-site-map.com/
http://www.makeasitemap.com/
http://tools.webmasters.sk/sitemap-creator.php
http://www.automapit.com/

http://code.google.com/p/sitemap-generators/wiki/SitemapGenerators
Creating Sitemaps: http://support.google.com/webmasters/bin/answer
py?hl=en&answer=183668

> Might help:
>
> FitText.js plugin (FitText is a jQuery plugin that makes your font-sizes
> flexible, allowing headlines to automatically-expand to fit the available
> space): http://fittextjs.com/
> Adapt.js - Adaptive CSS: http://adapt.960.gs/
>
> responsivepx – screen-size testing tool: http://responsivepx.com/
>
> Sizing (Web) components (13Jul2013): https://medium.com/p/8f433689736f
> In Search of the Holy Grail: http://www.alistapart.com/articles/holygrail/
> Choosing Dimensions for Your Web Page Layout: http://www.elated
> com/articles/choosing-dimensions-for-your-web-page-layout/
> How to create flexible sites quickly using standards like CSS and XHTML:
> http://www.ibm.com/developerworks/web/library/wa-rapid/
> Designing for the Web: Resolution and Size: http://sitepointcom.createsend4
> com/t/y/l/ydlyuyd/birtthtw/h/
> Care With Font Size: http://www.w3.org/QA/Tips/font-size
Good luck.