BASIC CONCEPTS on JAVASCRIPT
Teacher: Miguel Jaque Barbero
Course/ Level: CFGS – 2DAW – DWEC
Subject: DWEC – Client Side Web Development
Title of the unit: Basic Concepts on JavaScript
1. Objectives
To select programming architectures and technologies for web clients, identifying and analysing their capabilities and characteristics.
To write simple sentences applying JavaScript language syntax and to verify it's execution in web browsers.
2. Contents
Definition and differences between JavaScript versions, ECMA specification and vendor implementations.
Description of JavaScript engines internals.
Basic use of JavaScript syntax: variables, data types, assignments, operators, comments, sentences, structures, decisions, loops and functions.
3. Language Content / Communication
3.1 Vocabulary
Nouns:
Essentials: script, engine, sentence, variable, data type (integer, real, string, boolean), operators, comments, loops, heap, queue, callback, stack.
Previous: browser, program, file, syntax, developer, internet, computer, memory, processor
Verbs:
Essentials: code, debug, assign, iterate, link, call, declare, type.
Previous: execute, test, write, check, load, think.
Adjectives:
Essentials: buggy, clean, deep, properly.
Previous: right, wrong, quick, slow.
Prepositions: through, in/on.
3.2 Structures
Routines: Is it working? Is it a bug? Is your syntax correct? Is the file properly linked?
Grammar:
Imperative (command and instruct)
Conditional (zero and first)
Classroom Management: "Hands on, let's code", "Remember; code a little, test a lot", "Programming is about THINKING, not about TYPING"
3.3 Discourse Type
Expositions and Descriptions for JavaScript syntax rules, structures, functions, parameters, engine components.
Arguments about why code works or not and how it should be written.
3.4 Language Skills
Reading technical documentation and web forums in search of solutions.
Listening: Introductory video on JavaScript technology and main browsers.
4. Contextual (cultural) elements
Importance of the Internet in today's society
Relevance of browsers and different vendors.
The concept of Web 2.0 and how it is implemented by dynamic web pages.
5. Cognitive (thinking) processes
How could browsers process JavaScript?
How are variables hold in memory?
How do functions queue for execution?
Recall programming procedures and structures from previous course.
6 Tasks and Activities
Session 1
Review Vocabulary
Introductory videos
Watch presentation – JavaScript Introduction
Task: MAT-01.02 JavaScript in 3 minutes (REA from MIT)
Session 2
Preparation:
Install Programming Environment: Atom, IDE (Integrated Development Environment) best suited for web projects.
Start a brand new project: Use Scaffolding to start a new JavaScript project.
Navigate recommended web pages
MAT-01.03 Recommended Web Pages (MDN JavaScript Tutorial & W3Schools JavaScript Tutorial)
Read Article
MAT-01.04 What's Inside JavaScript Engine
Guided Task: TAR-01.01 3 Different Ways to Include JavaScript in your Web Page.
Session 3
Navigate JavaScript programming snippets.
Task: TAR-01.02 JavaScript Exercises.
Session 4
CodeCombat. Learn JavaScript through Gaming.
Kahoot about JavaScript
Session 5
Evaluation: EVL-01.01 JavaScript Quiz Test
7. Methodology
7.1 Organization and class distribution / timing
The methodology will be active and participatory; in addition, it must facilitate both individual and group learning.
Presentation will be interrupted with concrete questions to the audience.
Reading web pages will be done by pairs so doubts could be worked out questioning each other.
Tasks will be also done by pairs, allowing students to ask for help from other students or from teacher.
Evaluation will be done individually
8. Resources and Materials
MAT-01.01 Videos (The Internet: Crash Course Computer Science #29 & The World Wide Web: Crash Course Computer Science #30)
MAT-01.02 JavaScript in 3 minutes (REA from MIT)
MAT-01.03 Recommended Web Pages (MDN JavaScript Tutorial & W3Schools JavaScript Tutorial)
MAT-01.04 What's Inside JavaScript Engine
TAR-01.01 3 Different Ways to Include JavaScript in your Web Page. Guided Task
TAR-01.02 JavaScript Exercises
EVL-01.01 JavaScript Quiz Test
Recommended:
Daniel Jackson. 6.170 Software Studio. Spring 2013. Massachusetts Institute of Technology: MIT OpenCourseWare, https://ocw.mit.edu. License: Creative Commons BY-NC-SA.
9. Scaffoldings
Atom, IDE (Integrated Development Environment) best suited for web projects.
Scaffolding to start a new JavaScript project.
10. Interactive Contents
EVL-01.01 JavaScript Quiz Test
CodeCombat. Learn JavaScript through Gaming.
Kahoot about JavaScript
11 Evaluation
11.1 Criteria
The capabilities and code execution mechanisms of web browsers have been identified.
The particularities of script programming and its advantages and disadvantages over traditional programming have been recognized.
The integration mechanisms of the brand languages with the programming languages of web clients have been verified.
The programming tools on web clients have been recognized and evaluated.
The different types of variables and operators available in the language have been used.
The fields of use of the variables have been identified.
The peculiarities of the language regarding the conversions between different types of data have been recognized and verified.
Decision mechanisms have been used in the creation of sentence blocks.
Loops have been used and their operation has been verified.
Comments have been added to the code.
Tools and environments have been used to facilitate the programming, testing and debugging of the code.
11.2 Techniques
Observation: Structured observation of problem resolution and tasks performance.
Test: Theoretical and practical questions proposed under controlled circumstances.
11.3 Instruments
EVL-01.01 JavaScript Quiz Test
TAR-01.02 JavaScript Exercises
No hay comentarios:
Publicar un comentario