CSE 331 Software Design & Implementation
嚜澧SE 331
Software Design & Implementation
Andrew Gies & Hal Perkins
Winter 2021
HTML + TypeScript Overview
UW CSE 331 Winter 2021
1
Administrivia
? Quiz 3 out now 每 finish by 7 pm tonight
? TypeScript code demo video on 331 course canvas
panopto page
每 Must watch this before Wednesday*s class (or
else that will be really confusing/mysterious)
每 Extended TypeScript Q&A zoomathon with
Andrew tomorrow afternoon 4-6 pm. Zoom link on
the course canvas calendar
? And keep going on hw7 每 due Thursday
UW CSE 331 Winter 2021
2
The Weeks Ahead
? We*re building an application that can find walking
paths on the campus (hw7)
? We*d like to add a graphical user interface front-end
(hw9)
每 The web is a common way to build/distribute apps
每 Web programming uses the same concepts we're
learning
每 So: We're going to make a webapp for this.
每 Therefore: Let's learn how to do this!
每 Note: There are many ways to approach web
programming. We're doing just one#
UW CSE 331 Winter 2021
3
Our Approach
? We're going to be using several different pieces:
每 HTML
? The language that web browsers render
? Describes the structure and content of the page
每 TypeScript (TS)
? A version of JavaScript that adds type-safety
? Used to create the bulk of our application
? Adds interactivity to the webpage
每 React
? A UI library 每 handles the interactions between
TS and HTML, makes UI programming easier
UW CSE 331 Winter 2021
4
Our Approach (2)
? We*re going to learn just enough to display a map, allow
users to select endpoints, and draw a path
每 So we we*ll focus on the basics, particularly key
differences between what we're doing and Java
每 But also realize our goal isn*t to exhaustively cover
everything 每 don*t have time, so core ideas only
? Will probably be outside your comfort zone 每 this is new
stuff!
每 Remember to ask questions J
? Last two assignments this quarter:
每 HW8 draw dots and lines on an image (using TS/React)
每 HW9: use HW8 framework to build campus path GUI,
use your existing Java graph/pathfinding
UW CSE 331 Winter 2021
5
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related download
- file management search and replace keyboard shortcuts for
- deep dive into rxjs david benson smart data
- 1 2 https 203pon
- cse 331 software design implementation
- add angular 2 to mvc
- power platform net framework
- smrt link services
- z os v1r12 0 unix system services command reference
- text categorization on multiple languages based on
- l16n client side programming stanford university
Related searches
- home design software free
- cse project ideas
- 3d home design software free
- software implementation strategy
- software design document template pdf
- software design document example pdf
- 83rd infantry division 331 infantry
- 3d design software free
- 3d design software download
- 3d design software free download
- design software free
- building design software free