SCC 219 - Introduction to WEB Development

Schedule

Course Introduction

Module 1: HTTP Protocol

Module 2: HTML

Module 3: CSS

Module 4: JavaScript (ECMA6+)

Module 5: DOM & Events

    • October 6

    • October 11

      • Holiday Nossa Senhora Aparecida

    • October 13

    • October 18

      • Questions about the First Review (Milestone 1)

      • Exercise 5 questions (try to make the exercise during the class)

    • Exercise 5

Module 6: AJAX Calls

Module 7: Vue.js

    • Slides: Angular vs React vs Vue

    • Video Course (Extra):

      • Vue.js (Lessons 24 - 27)

        • More about Vue Routes.

      • Vue CLI (Lessons 28 - 29)

        • Vue CLI is a command line tool to generate Vue applications from oficial templates (including Webpack integration, etc.). There is no need to know Vue CLI to program in Vue, but it does help.

      • Projeto GitHub Issues (Lessons 30 - 38)

        • GitHub Issues is a simple project that shows the basic structure of a Vue application. The final application shows the issue list of a Github project given the names of an user and one of his projects (it uses Vue CLI).

    • Vídeo Lesson (Alternative): Vue.js

      • In section 00, it show interesting VS Code extensions for Vue. It is recommend that you watch up to section 19.

    • Reading Material:

    • Nonmandatory:

Module 8: Node.js/ExpressJS

    • Code: Web Application in Node.js.zip

    • Slides: Node.js Intro

    • Video Lesson (Extra):

      • Node.js Course (total duration 4:39:00)

        • This video course teaches how to create the server-side of a Web Application using MongoDB. It teaches everything you need to know to write the server-side of the Group Assignment.

        • Note: This course uses online resources that have changed over time! Read the corrections in the Errata (from Lesson 13)! If you find other undocumented problems, please report them to us.

        • Tip: Lesson 1 teaches how to set up node, npm, and VS code. You may skip it.

        • Tip: In lesson 25, the code from lesson 24 is rewritten using Async/Await. If you already know Promises, you may skip lesson 24.

        • Tip: Lessons 30 - 40 teach functionalities not needed to implement the Group Assignment server. However, they are important when implementing real Web Applications. Specially:

          • Lesson 30: Configuration file

          • Lesson 31: Password Encryption

          • Lesson 37: Authorisation

    • Video Lessons (Extra): Blog Tool Project in Node.js

        • This course covers Node.js focusing on the creation of applications using traditional HTML pages (not SPAs).

        • Basic Node.js: (1 - 10) duration 1:38:00

        • MySQL: (11 - 26) duration 2:15:00

        • MongoDB: (27 - 30)

        • Practical project using Express: (31 - 63)

    • Reading Material:

    • Nonmandatory:

Module 9: NoSQL Databases

Module 10: IndexDB/Workers (Extra)

    • Video Lesson: Service Worker (13:00)

      • Service Workers can transform a SPA application in a desktop/mobile application that is, in many aspects, better than a native application.

    • Video Lesson: IndexedDB (43:00)

Group Assignment

    • December 13

      • Questions about the group assignment problems

    • December 15

      • Questions about the group assignment reviews

    • December 20

      • Presentations