Download presentation
Presentation is loading. Please wait.
1
COP3530- Data Structures JSFiddle
Dr. Ron Eaglin
2
Objectives What is JSFiddle? Why use JSFiddle?
Writing HTML, JavaScript, Document Saving your Fiddle Versions Fiddle Options
3
What is JSFiddle? Online programming and sharing
tool for JavaScript programming HTML Window CSS Window JavaScript Window Document Window
4
Why use JSFiddle? Accessible for all students (no installation or compiler) Easy to see and assist with code Well known and used tool for JavaScript programming All features necessary for full programming Easy to see and grade assignments
5
Using JSFiddle JavaScript options
Recommend Load Type No Wrap in <body>
6
Using JSFiddle
7
Running Code Make changes to code Click Run Button
See results of changes
8
Running Code
9
Save Code Save – Creates new number version
Save – If logged in – can access Fiddle from Dashboard
10
Toolbar Creates new version Assigns version number
Makes current version base version No version number
11
Fork Code Creates new version of Fiddle with different ID
Can start with Fiddle from other user Will create a version in your JSFiddle account Useful for working with starter code
12
JSFiddle Tools Tidy - Cleans up spacing and indentation
Embed – Options for embedding code into a web page Collaborate – Adds communication tools Title – Easier if saving to dashboard (makes fiddle public) External Resources – Adds JavaScript library references (Jquery)
13
Method 1. Write Code 2. Test Code with Run Options
3. If code is good – Save/Update your code When you are at good version “Set As Base” Submit version that is base, if changes needed – make changes and set as base again
14
Objectives What is JSFiddle? Why use JSFiddle?
Writing HTML, JavaScript, Document Saving your Fiddle Versions Fiddle Options
Similar presentations
