Introduction to Programming

Transcription

1 Introduction to Programming [Pick the date][type the sender company name] CE 5440 Summer 2014 Course Information Location: Terra Building Room 907 Dates: WED JUN 4 WED AUG PM Instructor Information Name: Policy: TJ Nicolaides tnicolaides@uarts.edu If your question/concern is of a personal/private nature, I encourage you to contact me via . I schedule hours, M - F, 9-12PM, and will respond to your s at that time, if not sooner. If your question/concern relates to course content, I ask that you post your question to the stream section of the course website- The answer to your question may benefit others in the class. I monitor the course website s discussion board, M - F, 9-12PM, and will respond to your posting at that time, if not sooner. TJ Nicolaides has 7 years of web design and development experience for clients ranging in size. Graduated with a degree in Communications and minor in Web Technology from West Chester University. As a project manager at Towers Perrin, led a team in redesigning the company flagship site. As Interactive Tech Manager at Greater Media Philadelphia, built out improved sites, live streams, podcasts, and apps for four radio stations. Currently developing cloud software in PHP and Javascript with LabRetriever, a medical tech startup in Norristown, PA. Course Description This course teaches the fundamentals of programming with the web browser scripting language, JavaScript. Students are introduced to key programming concepts, from simple to advanced, and learn how create their own programs. No direct programming experience is required, however familiarity with JavaScript will be useful for students to have. Knowledge of HTML and CSS is required. Course Overview Besides being an introduction to programming, this course will be an in-depth tour of the JavaScript programming language. Programming is a difficult subject to master, but the underlying concepts and techniques are easy to learn. Students will come to understand the syntax and sematics of JavaScript.

2 Course Expectations To successfully complete this course students are required to learn how to utilize programming techniques to accomplish the tasks in the homework assignments and final project. Students will understand what programming is and how to write simple and functional programs. Students are required to complete a series of homework assignments and a final project. Students are expected to contribute to class discussions and to be a reflective student through accepting and giving constructive feedback to yourself, your peers, and your instructor. Prerequisites Classes or Knowledge Required for this Course The prerequisites for this course are CE 5430C Usability + Responsive Design. Course Objectives At the end of this course, students will be able to: UNDER ST AND AND U SE V A RIABLE S, METHODS AND P ROTOTYP E FU NCTIO NS TO CREAT E J AVASCRIPT SCRIPT S THAT IMPLEME NT UI/UX FU NCTIO NALITIE S ON A WEB PAGE UNDER ST AND FLOW CONT R OL AND LOOP ING CONST RUCT S UNDER ST AND OBJECT S AND D AT A STRUCT URE S UTILIZE JQUERY FOR WEB PROGR AM MING AND I NTE RACTING WITH THE BROW SER USE AJAX FOR E NABLING BROWSER B ASED HTTP RE QUE ST S C OURSE RESO URCE S Software Course will be conducted using Cloud9 ( for code development. Students may use another code editing program on their machines. Homework and project submissions are done using Github ( accounts on both Cloud9 and Github are free. Students have the ability to log in to Cloud9 using their Github account. Textbook(s) Required texts for this course are: Haverbeke, Marijn (2011). Eloquent JavaScript: A Modern Introduction to Programming. San Francisco, CA: No Starch Press. This text is also freely available at: C OURSE ACTI V ITIE S Readings Approximately one or two chapter from the textbook will be assigned each week. Additional optional reading assignments may be assigned. For a full list of assigned readings and additional resources, visit the class site at Presentations Most weeks there will be an instructor presentation related to the readings. Students are expected to complete all readings before the weekly in-class presentation. The presentation will be focused more 2

3 on synthesis + expansion of the reading materials, so it is their responsibility to gain a basic understanding of the reading materials first. Homework Students will be required to complete five homeworks. Homework exercises will be based on materials covered in the readings and presentations. Students will also be required to post at least five solutions to in-class exercises to share on the course website throughout the semester. Final Project There will be a final project assignment each student will complete individually. Students are expected to draft a final project proposal and submit it to the instructor before the 6th class session. Starting the 7th week of class students will be expected to work on their final projects in lieu of homework assignments. Students will give brief presentations of their final projects during the last class session. C OURSE POLIC IES Student Feedback/Communication I welcome all feedback on the course. My preferred method of communication with individual students is via . Students are offered the opportunity to complete an official mid-semester evaluation of the course. This evaluation is traditionally delievered + completed electronically at the beginning of the fifth class session. If you experience a legitimate emergency (according to my standards) which will prevent you from completing required coursework on time, I expect you to communicate with me at the earliest reasonable opportunity. Please state the nature of the emergency and when you expect to turn in the coursework. Submitting Electronic Files Students are encouraged to submit project files by linking to a cloud-based code sharing site such as JSFiddle, Codepen, or Github. Attendance Attendance is mandatory and essential to your performance. The information needed to complete assignments properly will be given in class. As a student in this course, it is your responsibility to make certain you obtain information covered should you miss a class session. Previously absent students must come to the following class with all of the appropriate work due for that day. All students are expected to arrive to class on time and remain present for the duration of the class. Be aware that tardiness and early dismissals will accumulate in absences. 2 absences = lowered grade 2 late arrivals / early dismissals = 1 absence 30 minutes late arrival/early dismissal = 1 absence 3

4 Evaluation and Grading Final Project 50% Homework Assignments In-Class Exercises 40% 10% 100% UNI VERSITY POLIC IES Academic Honesty Policy Code of Conduct Violations of academic integrity are considered to be acts of academic dishonesty and include (but ar not limited to) cheating, plagiarizing, fabrication, denying others access to information or material, and facilitating academic dishonesty, and are subject to disciplinary action. (Please visit to review this policy in its entirety). ACT 48 Activity Hours To have ACT 48 Activity Hours for this course reported to the Pennsylvania Department of Education (PDE) you must complete and return the CE Request for Activity Hours Submission Form to the UArts Continuing Studies Office and meet all requirements outlined by the PDE. Student Code of Conduct It is the policy of the Division of Continuing Studies to provide a safe and healthy environment for learning, personal growth and enjoyment. The well being of this community depends upon the good judgment and considerate behavior of its members. Student status at The University of the Arts is not an unconditional right, but a privilege subject to certain rules and expectations articulated in the Student Code of Conduct. To review the Student Code of Conduct in its entirety, please visit: G RADI NG Students will receive grades for their homework and final projects electronically via engrade.com. Your grade will be based on the following: Component Points Final Project 50% Homework 8) 40% In-Class Exercises 2) 10% Total 100% 4

5 Your grade will be calculated using the following scale: Grade Percentage Range Grade Point A % 4.0 A % 3.67 B % 3.33 B 86 83% 3.0 B % 2.67 C % 2.33 C 76 73% 2.0 C % 1.67 D % 1.33 D 63 66% 1.0 F 59% or less 0.0 I Incomplete - P Pass - HOMEWORK Students will create an increasingly to-do list using Javascript, HTML and CSS. This project will span 5 homework assignments. 1. Create a basic to-do list. Fill an array with the names of the tasks, and then generate the HTML for an unordered list and write it to the page. Skin the list with Bootstrap CSS. 2. Modify the to-do list to be generated based on an array of Javascript objects instead of an array of strings. Each item in the object should contain the name, due date, and status of each task. Handle the error gracefully in case any tasks are missing data. 3. Bring jquery into the mix in order to make interacting with the Document Object Model easier. Build the <ul> on document ready. Toggle classes to indicate task status (complete or incomplete) and remove completed list items. 4. Write a function that will accept a task name and, optionally, a due date as an argument and add a new task to the list. 5. Use listeners to bind events like clicks, double clicks, key presses, and form submissions in the HTML document to functions in your Javascript. Double-click to toggle the completed state of a task, and submit a form to add a new task using the new function written in assignment #4.. Schedule SESSION/DATE TOPIC COURSEWORK DUE THIS WEEK 1 Introduction to class and programming Student and instructor introductions Review grading policy 5

6 with JavaScript Course overview Introduction to the JavaScript programming language 2 Core Programming Concepts 3 Data Structures and Error Handling 4 jquery, Web Programming and the DOM 5 Javascript Objects Variables, keywords and reserved words Boolean logic Flow control Loops Arrays Functions Object Literals Error handling jquery Referencing HTML elements Dynamically updating, inserting and removing HTML elements Understanding objects Properties Methods JavaScript built-in objects Creating custom objects 6 Browser Events Mid-term Evaluation User events Lifecycle events Event handling 7 HTTP Requests using AJAX HTTP Requests via the browser Synchronous vs asynchronous requests XML HTTP Request (XHR) object Making and receiving AJAX calls using jquery 8 Text Processing String functions Regular expressions 9 Final Project Workshop Work on final projects in class 10 Final Class Final Project Presentations Closing Thoughts Instructor Evaluation - Homework #1 - Homework #2 - Homework #3 - Homework #4 - Final project proposal - Homework #5 - Final Project 6