elenadobrescu21 / javascript-lab

Teach Javascript

javascript-lab

Make something like my Python lab.

Overview

• 3 hours
• exercises directly in the browser

To Do

• table of contents
• slides
• exercises

ToC

• what is the internet, http, web, browser
• hands-on in the browser with some commands
  • simple calculations
  • objects / JSON
  • if, for
  • functions
• show some HTML elements (html, head, body, p, ul, li, a) and CSS properties (color, display)
• DOM manipulation (getElement, append, children, parent)
• handlers (onClick, onHover, onLoad)
• jQuery AJAX request with some easy to use JSON API

The second part I think should involve building the almighty simple todo app example.

Capitole din Codeacademy

• Funcții - http://www.codecademy.com/courses/javascript-beginner-en-6LzGd/0/1?curriculum_id=506324b3a7dffd00020bf661
• Rock, Paper, Scissors - http://www.codecademy.com/courses/javascript-beginner-en-Bthev-mskY8/0/1?curriculum_id=506324b3a7dffd00020bf661
• Arată tu un for și un while
• Search text - http://www.codecademy.com/courses/javascript-beginner-en-XEDZA/0/1?curriculum_id=506324b3a7dffd00020bf661
• More control flow - http://www.codecademy.com/courses/javascript-beginner-en-qDwp0/0/1?curriculum_id=506324b3a7dffd00020bf661
• Choose adventure 2 - http://www.codecademy.com/courses/javascript-beginner-en-ZA2rb/0/1?curriculum_id=506324b3a7dffd00020bf661
• Arrays și Objects - http://www.codecademy.com/courses/javascript-beginner-en-9Sgpi/0/1?curriculum_id=506324b3a7dffd00020bf661
• Contact List - http://www.codecademy.com/courses/javascript-beginner-en-3bmfN/0/1?curriculum_id=506324b3a7dffd00020bf661

Eu separat

• HTML, CSS
• DOM
• handlers
• AJAX
• cele 2 probleme de la facultate
• jQuery

Idei de aplicatii

• jocul meu pentru copii
• spanzuratoarea

Fun

• WAT - https://www.destroyallsoftware.com/talks/wat

Resources

• http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html
• http://www.slideshare.net/busaco/un-minitutorial-javascript
• http://www.slideshare.net/busaco/sabin-buraga-javascript
• https://github.com/palcu/homework/tree/master/tw
• http://jsfiddle.net/ondras/hYfN3/
• https://developer.mozilla.org/en/A_re-introduction_to_JavaScript