Data center

HTML

JavaScript

Front End Programming

Responsive Web Design

Node.js

Cookies

Full stack state management

Network Attacks

URLs and Links

DOM Events

Single Page Applications

Browser/Server Communication

Storage Tier

Input and Validation

Browser Isolation

Large scale applications

Document Object Model (DOM)

React

Building Web Applications

ExpressJS

Session

Web App Security

Other Attacks

CS142: Web Applications Stanford University Winter 2023 This course introduces students to web technologies, enabling them to build sophisticated, interactive applications. It focuses on markup languages, scripting languages, network protocols, interactive graphics, event-driven programming, and databases. Although the World-Wide Web was initially conceived as a vehicle for delivering documents, it is now being used as a platform for sophisticated interactive applications, displacing the traditional mechanism of installable binaries. Web-based applications offer numerous advantages, such as instant access, automatic upgrades, and opportunities for collaboration on a massive scale. However, creating Web applications requires different approaches than traditional applications and involves the integration of numerous technologies. This class will introduce you to the Web technologies and give you experience creating Web applications. In the process you will learn about markup languages, scripting languages, network protocols, interactive graphics, event-driven programming, and databases, and see how they all work together to deliver exciting applications.  The official prerequisites for this class on ExploreCourses are CS107 and CS108. These are listed as the prerequisites because we expect a certain level of engineering maturity and experience. You should be comfortable working with the command line, picking up a new language and framework, reading technical documentation, and debugging your code. Students who have taken this class directly after 106B/X have had to work harder and spend more time than their peers, but it's not impossible. If you have any questions about whether you should take this class, please feel free to contact the staff. ### Additional Materials

There is no required textbook for this class, and I am not aware of a book that is a perfect match to the lecture material. The content of the course is defined by the lectures. You will need additional reference material to complete the programming projects, but this material is available on the Web. One good online source for reference documentation on HTML, CSS, and the DOM is [Mozilla Developer Network](https://developer.mozilla.org/en-US/). A comprehensive book is [Dynamic HTML: The Definitive Reference, Third Edition](http://www.amazon.com/Dynamic-HTML-Definitive-Danny-Goodman/dp/0596527403/ref=sr_1_1?ie=UTF8&s=books&qid=1251152927&sr=1-1), by Danny Goodman (O'Reilly Media), but this describes the Web as of a few years ago, so it doesn't include newer features such as HTML5. It is [freely available](https://go.oreilly.com/stanford-university) to Stanford students.

The web application we build in the course's projects will use what is known as the [MERN stack](https://en.wikipedia.org/wiki/MEAN_(solution_stack)#Angular_and_alternatives). The MERN stack uses the JavaScript language in both the browser and the server-side. The lectures will provide an introduction to JavaScript, but more complete information can be found on the web and in some books freely available to Stanford students through [O'Reilly](https://go.oreilly.com/stanford-university).

- [JavaScript: The Good Parts](https://shop.oreilly.com/product/9780596517748.do) by Douglas Crockford (O'Reilly Media). As the book's title suggests, JavaScript is not a simple language and it is easy to hurt yourself with some of its features. This book recommends a somewhat more safe subset of the language to use.
- [JavaScript Patterns](https://shop.oreilly.com/product/9780596806767.do) by Stoyan Stefanov (O'Reilly Media). JavaScript programmers have discovered ways around issues in the language by doing things in certain ways (i.e. patterns). These patterns are commonly used in JavaScript programs but some of them use strange features of the language so it is not clear what is going on if you don't recognize them as a common pattern.
- [JavaScript: The Definitive Guide, 6th Edition](https://shop.oreilly.com/product/9780596805531.do) by David Flanagan (O'Reilly Media). As the title suggests this is a comprehensive description of JavaScript.
- [Eloquent JavaScript: A Modern Introduction to Programming, 3nd Edition](https://eloquentjavascript.net) by Marijn Haverbeke. A free e-book, it introduces a more modern flavor of JavaScript than the O'Reilly books (which are limited to pre-ES2015 developments).
- [ECMAScript® Language Specification](https://tc39.es/ecma262/), the comprehensive JavaScript standard document.

The class project assignments, lectures and sections will cover what you need to know about the [MERN stack](https://en.wikipedia.org/wiki/MEAN_(solution_stack)#Angular_and_alternatives). For additional material recommend starting at the web sites of the different components:

- [MongoDB](https://www.mongodb.com/) with [Mongoose.js](http://mongoosejs.com/)
- [ReactJS](https://reactjs.org/)
- [Express.js](https://expressjs.com/)
- [Node.js](https://nodejs.org/)

CS142: Web Applications

Computer Programming

Floating Point

RISC-V Procedures

Loader

RISC-V Single-Cycle Datapath

Caches - Multilevel

Parallelism

Translation Lookaside Buffer (TLB)

Amdahl's law

RAID (Redundant Array of Inexpensive Disks)

Virtual memory

RISC-V Instruction Formats

Combinational Logic

RISC-V Single-Cycle Control

Caches - Set-associative

Thread-level Parallelism

Page faults

Virtual memory performance

Data-level parallelism

Assembly language

Number Representation

RISC-V

Compiler

Synchronous Digital Systems (SDS) State

RISC-V 5-Stage Pipeline

Performance with Caches

OpenMP

Multilevel

Dependability

Warehouse-scale Computing

Input/output

C (programming language)

RISC-V Data Transfer

Assembler

Finite State Machine (FSM)

Hazards

Flynn taxonomy

Cache coherence

Interrupts

MapReduce

Parity

C Memory (Mis)Management

RISC-V Decision Making Logical Ops

Linker

Combinational Logic Blocks

Caches - Direct Mapped

Single instruction, multiple data (SIMD)

Performance

Exception handling

Apache Spark

Error-correcting Codes (ECC)

CS 61C Great Ideas in Computer Architecture (Machine Structures) UC Berkeley Fall 2022 This course deepens students' understanding of computer architecture and the translation of high-level programs into machine language. Emphasis is on C and assembly language programming, computer organization, parallelism, CPU design, and warehouse-scale computing. Prerequisites include CS61A and CS61B or equivalent C-based programming experience. [Official Academic Guide course description](https://classes.berkeley.edu/content/2022-fall-compsci-61c-001-lec-001)

The subjects covered in this course include C and assembly language programming, translation of high-level programs into machine language, computer organization, caches, performance measurement, parallelism, CPU design, warehouse-scale computing, and related topics.  CS61A and CS61B (or equivalents) or experience with a C-based programming language (e.g. Java, C++). There is no official textbook for this class. However, there are three optional textbooks as additional references:

- **P&H**: Second edition of Patterson and Hennessy's *Computer Organization and Design RISC-V Edition* book ("P&H"), ISBN 0128122757.
- **K&R**: *The C Programming Language, Second Edition* by Kernighan and Ritchie. Other C programming books are also suitable if you are already comfortable with them, but our lectures will be based on K&R.
- **WSC**: *The Datacenter as a Computer: An Introduction to the Design of Warehouse-Scale Machines*, which is freely available [on our website](https://inst.eecs.berkeley.edu/~cs61c/resources/WSCBarrosoHolzle.pdf).

Please contact staff on Ed if you have trouble finding or paying for these textbooks.

CS 61C Great Ideas in Computer Architecture (Machine Structures)

Computer Systems

Data center

2 courses cover this concept

CS142: Web Applications

CS 61C Great Ideas in Computer Architecture (Machine Structures)