https:dberleant.github.io/IFSC30003/index.html redirects to https://dberleant.github.io/IFSC3300/index.html
|
|
YOU'RE HERE!
|
|
Detailed Schedule
Bolded=planned as of the time you loaded this page . . . . . . . . Unbolded=supplementary
|
Day |
Topic |
Resources |
Notes to instructor |
|
W |
Introduction to the course and to JavaScript (JS) |
|
Send around an attendance sheet to see if unregistered attendees Show this page, codeacademy JS, have them start HW |
|
M 8/25/2025 |
Some JavaScript basics |
|
|
|
W |
The "grammar" of JavaScript |
|
Skip var to avoid confusion |
|
M |
Labor Day |
|
| |
|
W |
Variables & operations |
| Skip var to avoid confusion |
|
M |
Boolean logic operators |
|
Why not &&=, ||=, ====, >=, <=, ...? Two philosophies: automatically make every operator with its dual; only do useful ones |
|
W 9/10/2025 |
Entities |
|
We discussed objects somewhat, which caused the entire class period to be on this one W3schools lesson.
|
|
M |
Conditionals & loops |
|
Old HW with figures
Math.random() and interval notation [0,1) Conditional operator Statements vs. expressions Debugging: print/popup statements, step by step construction |
|
W |
Functions |
|
For "Dot vs. square bracket access to objects" go through the HW problem. Have them write down something interesting to try in this or that sandbox. They need to get practice thinking this way for future use! |
|
M |
Recursion |
|
|
|
W |
Arrays |
|
Bitwise operators example is too advanced, try having them work through it as I do, then try different things themselves. |
|
M |
Arrays II |
|
HW6.html (not HW6a.html) has some object questions which are useful |
|
W |
Objects |
|
|
|
M |
Strings |
|
HW10.html has some good stuff left in it about numbers and the robots. Could be reused somehow. |
|
W |
Numbers: more details |
|
|
|
M |
Hexadecimal and binary numbers |
|
Interesting to show things using the address bar too: typing in the action attribute; giving it arguments using "?" |
|
W |
More about numbers |
|
Next time save a little more time for the Date discussion. Check paper folder for extra printouts of the exercise |
|
M |
Dates |
|
|
|
W |
Events |
|
The lecture took several minutes less than the class time, so best to schedule in an exercise, in addition to the quiz style questions. |
|
M |
HTML Forms |
Modify "try it yourself" sandboxes! Radio buttons |
|
|
W |
Forms (conclusion) |
What on Earth is this?! Form Elements Form input types How the CIA blew it with forms and JS (backup) Form attributes |
|
|
M |
Timing |
Sample code: setTimeout() The time is... |
In class exercise idea: make a button based mini-game for turning things off before they happenIn setInterval() lesson, try alert(alert("hi")) and explain. This is a gentle approach to recursion. In setTimeOut() lesson, try printing out alert(setTimeout(myFunction, 3000). Point out the recursion. For animation go through the example making changes to each significant line Skip "JavaScript HTML DOM EventListener" since it gives another way to do things we already know how to do - confusing Plan: DOM Animations lesson, then have them modify the animation however they can, then report to class. |
|
W |
The DOM (start) |
Yes, document is in window DOM Intro DOM Methods DOM Document DOM Elements DOM HTML |
|
|
M |
The DOM (cont.) |
CSS Syntax review CSS Selectors review |
For the
dimensions variables, could have students keep adding new ones to the same
try it yourself exercise, instead of running them each in separate demos like
the lessons have. |
|
W |
The DOM (finish) |
|
|
|
M |
The BOM |
Resizing Exercise: something in "The Window Object" JS Screen JS Location JS History (Skip JS Navigator) Review JS Popup Alert HW 13 due F 11/21/2025 or M 12/1/2025 (hints) |
|
|
W |
Cookies |
|
Note:
the w3schools lesson is not well done, & the sole try it yourself exercise is
too long and involved.
Plan:
Bake and eat cookies they easy way |
|
M |
Fall Break |
|
|
|
W |
Fall Break |
|
|
|
M
|
Regular expressions |
|
Have them figure out the number of elements of a /.../i regexp (2^n) |
|
W |
From Objects to Classes |
|
Discussion outline: "Learn Ajax" lesson: First Try It Yourself example, point out the stuff we know as context. They substitute xhttp for this. They try window.XMLHttpRequest() instead of XMLHttpRequest() - why does it still work? They try different values for readyState, removing the status check in the if. Then look at ajax_info.txt. Use the file https://www.w3schools.com/action_page.php?day=Wednesday instead use the file pic_bulbon.gif instead. use the file http://ualr.edu instead. use the file js_ajax_intro.asp instead. use the file blahblah instead. append xhttp.responseText instead of replacing it and include values of readyState and status (and "<hr>" for clarity). change if test to (true) and get everything. Alternatively, Could have demos of games developed over the semester, at least the good ones HW 14: They are using too exactly the examples given in the w3schools /jsref page. |
|
W |
No final |
Have a good winter break!
|
|
|
|
|
||
|
|
|
|
|
|
Supplemental |
|||
|
JSON |
Recordings: F'24, F'19 Moving to the specific JSON category - Recording: F '19 Some helpful notes |
Quiz section: Note the cert opportunity; they should let me know *before* taking it if they choose to take it. Seque to the quiz. Review quiz ahead of time as Qs seem not to change. Have entire class take it from the classroom screen but ask them not to call out the answer until I give the signal, so everyone has a chance to think about the Q first. |
Instructor:
Daniel Berleant, PhD
Website: http://dberleant.github.io
Contacting the instructor:
- Ideal time: after class (either in person or in the videoconference). At that time we can discuss or make an appt.
- Other ways:
o Email:
jdberleant@ualr.edu. I will respond within
24 hours. If you don't hear back by then your email may have gotten lost, so
please resend.
o Phone: (501) 916-5226. Leave a message if no answer, and the phone will email me the message as an audio file (so we're back to email).
o Mail: Dept. of Information Science, EIT 562, University of Arkansas at Little Rock, 2801 S. University Ave., Little Rock, AR 72204.
o Office location: EIT Building, Rm. 562.
Computer, textbooks and related resources:
- Please bring your laptop to class for class days when there will be hands-on exercises. There are also a few machines in the back of the classroom.
- The JavaScript programming book that was originally considered was $150 (for a paperback!) and is not necessary. Instead, a modern and better alternative is on-line, interactive resources. We will use w3schools.com in this course. There are also other online resources with JavaScript sections, like The Odin Project, Khan Academy (favorably reviewed in an article), tutorialspoint.com, udemy.com, teamtreehouse.com, guru99.com, codecademy.com, codepen.io, jsbin.com, codeanywhere.com, javascriptkit.com and code.visualcode.com. These are of widely varying usefulness. Many have the added benefit of having some free learning resources (at least for now, though these sites may update their business models at some point by charging).
- Free textbooks (for this and many other subjects) are also available, for example from http://www.textbookrevolution.org. One of their JavaScript textbooks is Eloquent JavaScript, available at http://eloquentjavascript.net. Another free textbook is at javascript.info. Still another is at https://www.learn-js.org/.
- Language reference material is available at https://developer.mozilla.org/en-US/docs/Web/JavaScript. The official specification (as of this writing) is at https://www.ecma-international.org/publications/standards/Ecma-262.htm and - true fact - the official name of the language is not JavaScript, but ECMAscript. JavaScript is technically just Oracle's brand name. Calling ECMAscript "JavaScript" is like calling any cola a "coke" even if the brand is Pepsi or something else, or calling any brand of small sticky bandages "band-aids." (True fact: early recipes for Coca-Cola contained cocaine from the ingredient coca leaves - hence the name. Modern recipes still contain coca leaves for flavor, but the cocaine in them has been removed.)
Assignments: HWs will be approximately weekly and usually scored on a scale of 50-100 points (this is a better algorithm than the typical 0-100 scale because it gives mathematically more sensible results). Quizzes or tests, if any, will be infrequent. Attendance may be taken if not enough people show up, and will be worth 20 pts. if present when attendance is checked, or 10 pts. (i.e. 50%) if absent when attendance is checked.
Lateness policy: 10 points is possible for the grade on any HW handed in up to 1 week late. Two such reductions in grade on any assignment handed in very late. Sorry, no credit for multiple assignments handed in in a rush at the end of the semester.
Student learning objectives:
- At the end of this course students will be able to do client-side programming in JavaScript.
- At the end of this course students will be able to engage in independent professional development in JavaScript and other languages using online learning websites.
Catalog description: IFSC 30003
Web Client Applications
Hands-on. The technologies and concepts for creating dynamic and interactive websites with a special emphasis on client-side technologies.
Topics will cover techniques such as how to build efficient and dynamic interactive user interfaces,
interface with data using standardized, portable formats, store/validate data, and make data more accessible to other applications.
Prerequisites: IFSC 11003, MCOM 31043, ARTS 44833, ITEC 31006 or equivalent Web Design course,
along with a course that covers programming fundamentals like IFSC 10202, CPSI 17503, BINS 41203, ITEC 35006 or equivalent, or consent of instructor.
Three hours lecture. Three credit hours.
Emergency plans:
- Inclement weather policy: ualr.edu/policy/home/admin/weather
- Pandemics: We will follow policies on masks, social distancing, meetings or cancellations thereof, and any other public health recommendations, policies, and procedures provided by the university, governmental entities, and instructor judgment. Note: If you catch covid, it is required to not come to class.
- Instructor illness: If the instructor becomes ill, the course will continue using published due dates, assignments, and pre-recorded lectures and/or published lecture notes.
- Student illness: Please let the instructor know so that allowances can be made in terms of due dates and other appropriate accomodations.
Student engagement policy and instructor presence: The instructor will lead the class as officially scheduled. Students who are neither attending class, nor turning in assignments, nor communicating with the instructor are required by university policy to be administratively withdrawn from the course. There are some arcane financial aid reasons for this, but the policy is the same regardless of any financial aid you might or might not have. IMPORTANT: If you want to drop a course, it is very risky to just assume you can stop attending and the instructor will automatically do it, as some instructors ignore the policy and give an F instead.
Academic integrity policy: Work turned in must be your own work. You are welcome and indeed encouraged to get or give help to other students but NOT actual code. There is no learning benefit to copying code from other students, so it is not permitted. No credit for assignments containing even a small amount of copying from another student, and you might be referred to the university approved judicial process. Let's suppose someone turns in an assignment with code copied from another student late in the semester. Then they would get no credit for that HW, and also, we would consider rechecking their earlier assignments and, if the same problem is found, changing the score(s) on those assignments to also be "no credit." See Academic Integrity and Grievance Policy and Academic Offences.
AI generated code is permitted and may be required by the assignment.
Regular and Substantive Contact:
- The instructor is available for student-initiated contact during business hours. I also respond to emails outside of business hours. If you do not get a response to your email within 24 hours, please resend it as it may have fallen through the cracks.
- The instructor will meet with students at regularly scheduled class sessions. Online students will have their assignments evaluated regularly and the grades provided, and will be sent emailed messages with information, suggestions, hints, or requests to respond with any questions or confusions. Students are encouraged to reach out with any questions or concerns throughout the semester.
Accomodations:
- Accomodations: If you are a student with a disability, or if you simply want to discuss resources that might help you learn more effectively, you can contact the Disability Resource Center at any time. You are welcome to drop in or call 501-916-3143 to make an appointment. Their staff will work with you to discuss accommodations and identify resources on campus or in the community that might be helpful for you. Accommodations are established through an interactive process. For more information, visit the DRC website or review the steps to request accommodations. We want you to know you are valued, welcome, and wanted at UA Little Rock.