Quarter I (Core)

CS-101: Object-Oriented Programming using TypeScript

Detailed Course Syllabus:

Duration: 13 Weeks

Course Description:

We will start the program by learning the fundamentals of Object-Oriented programming using JavaScript and TypeScript. We will also understand the latest Web trends i.e. Web 3.0 and Metaverse concepts and try to understand their working from the perspective of the users.

Q1 Page Image

Course Outline:

HTML and CSS (Homework)

Learn HTML by Hira Khan (Watch Recorded Videos)

Learn CSS Intro by Hira Khan (Watch Recorded Videos)

Web 3.0 and Metaverse Theory

Introduction to Panaverse DAO

Web 3.0 User Guide

Complete Web 3 Assignments included in the Web 3 User Guide

Virtual and Augmented Metaverse User Guide

Fundamentals of JavaScript (ECMAScript 2022 Language Specification)

Learn JavaScript by Zeeshan Hanif (Watch Recorded Videos)

Chapters 2-6, 13 of JavaScript from Beginner to Professional: Learn JavaScript quickly by building fun, interactive, and dynamic web apps, games, and pages

JavaScript Book Code

Getting Started Exercises with JavaScript and Node.js

Fundamentals of JavaScript and Node.js Quiz

Topics Covered in the Quiz:

Background of JavaScript and How to use JavaScript in Browser Variables, Primitive data types Analyzing and modifying data types, and Operators (Chapter 2 of JavaScript from Beginner to Professional)

  • 1. Intro to Node.js, .mjs files, Modules, NPM, import, export, and using external modules with npm: https://docs.google.com/presentation/d/1eOLJTN0FyVAw6lMUvA_XYLORKnudWXyzXsB6sg5oPIs/edit?usp=sharing

    How to accept user input in your Node.js JavaScript programs, this will allow us to create interactive Node.js console programs using prompt-sync library. The last example in this presentation shows you how to use prompt-sync library in your Node.js programs: https://docs.google.com/presentation/d/1eOLJTN0FyVAw6lMUvA_XYLORKnudWXyzXsB6sg5oPIs/edit?usp=sharing

    Note: After this point, we will do all our class work and exercises using Node.js in .mjs files. We will also be able to develop interactive Node.js console programs which will greatly help the students to learn.
  • 2. Using Arrays and Objects in Node.js Programs (chapter 3 of JavaScript from Beginner to Professional)
  • 3. Using if and if else statements, else if statements, Conditional ternary operators, and switch statements in Node.js programs (chapter 4 of JavaScript from Beginner to Professional)
  • 4. Using while loop, do while loop, for loop, for in, and for of loop in Node.js (chapter 5 of JavaScript from Beginner to Professional)
  • 5. Using Basic functions, Function arguments, Return, Variable scope in functions, Recursive functions, Nested functions, Anonymous functions, and Function callbacks in Node.js (chapter 6 of JavaScript from Beginner to Professional)
  • 6. Using Concurrency, Callbacks, Promises, async / await, and Event loop (chapter 13 of JavaScript from Beginner to Professional)
  • 7. JavaScript promises, mastering the asynchronous

https://www.codingame.com/playgrounds/347/javascript-promises-mastering-the-asynchronous/what-is-asynchronous-in-javascript

New JavaScript Features in ECMAScript 2022 and 2021 https://dev.to/brayanarrieta/new-javascript-features-ecmascript-2022-with-examples-4nhg

Object-Oriented Programming with TypeScript

Chapters 1-11 of Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScript https://www.amazon.com/Learning-TypeScript-Development-Type-Safe-JavaScript/dp/1098110331/ref=sr_1_1

Learning Repository https://github.com/panaverse/learn-typescript

In Class Companion projects and articles for Learning TypeScript https://www.learningtypescript.com/

Homework Project

https://github.com/panaverse/typescript-node-projects

TypeScript Quizzes

Fundamentals of TypeScript Quiz

TypeScript Professional Proficiency Quiz

TypeScript For React

Minimal TypeScript Crash Course For React With Interactive Code Exercise

Fundamentals of Version Control with Git (Recorded Videos)

Version Control using Git and GitHub By Sir Zeeshan Hanif (Watch Recorded Videos)

Chapters 1, 2, 3, and 4 Learn Version Control with Git: A step-by-step course for the complete beginner by Tobias Günther

We will also cover these readings:

https://help.github.com/articles/markdown-basics/

http://stackoverflow.com/questions/5009600/difference-between-fork-and-branch-on-github http://stackoverflow.com/questions/3329943/git-branch-fork-fetch-merge-rebase-and-clone-what-are-the-differences

https://git-scm.com/book/en/v2/Git-Branching-Rebasing

http://git-scm.com/book/en/v2/Git-Branching-Remote-Branches#Tracking-Branches

For Practice: https://try.github.io/levels/1/challenges/1

Homework:

https://www.datacamp.com/courses/introduction-to-git-for-data-science

Git Cheatsheet: https://www.kdnuggets.com/2022/11/git-data-science-cheatsheet.html

Git Quiz before the start of Quarter 2

Total Questions: 60, Total Time: 75 minutes

© 2023 Panaverse DAO. All rights reserved

FacebookTwitterYouTubeInstagramGitHub