My First Blog~
我的第一个博客~
Hello World
1 | print('Hello World') |
1 | System.out.println("Hello World") |
1 | int main() { |
1 | console.log("Hello, World!"); |
相关推荐
2025-09-02
CS571 More about Fetch
CS571 API Requests with JavascriptPrerequisites: Solid understanding to Javascript fundamentalslecture video(web dev basic 2) APIs and The DOM(Document Object Model) APIApplication Programming Interfaces(APIs) is a bit like ADTs om data structures. Without knowing the underlying principles, we can use properties assigned to the ADT and carry out our implementation. API, on the other hand, allows us to use complex functionalities using simple syntax in our actual code. Typically, there are...
2025-11-16
Asynchronous Javascript
Asynchronous JSJS has only one thread, so it cannot handle multiple tasks at the same time. But thanks to the non-blocking behaviour, we can carry on to the next task before the last task is finished, this is Asynchronous Javascript. HTTP/HTTPSWhen making communication with a server, we use HTTP/HTTPS requests. What happens when we make an HTTP/HTTPS request: Parse URL and check cache: to make a request we need to know the url of the server, so we need to parse the...
2025-09-18
CSS Fundamentals (1)
CSS Fundamentals (1) - CSS Selectors and Cascading Basic SelectorsType(Element) SelectorIn html we have tags for each element, type selector selects all the elements with the specific tag: 123p { color: #00c4b6; } Class SelectorIn html, we can add class attribute to every element, each element can have multiple classes. The class selector can select elements that have the same class attribute. 123.className { color: #0d0d0d;} But sometimes we want to style...
2025-10-21
CSS Layout - Flexbox
Flexbox display: flex;The main axis and the cross axisThere are two invisible axis that control the flexbox. The main axis that goes through the center of the box along the flex direction The cross axis that is perpendicular to the main axis flex-direction: row; defines the direction of the main axis, it can be set to row or column We use justify-content to control the main axis, and align-items for the cross axis. For the justify-content, the values can be: flex-start:...
2025-10-19
CSS layout - Grid
Grid LayoutSyntax Grid line: the grid line is the border of each cell, the first grid line is the left border of the first column, same applied to rows. Grid Container123display: grid;grid-template-columns: repeat(3, 100px) ;grid-template-rows: repeat(2, 200px); This creates a grid with 3 columns and 2 rows, each column is 100px wide and each row is 200px high. However, instead of using repeat(), we can also define the size manually. 12grid-template-columns: 100px, 100px, 100px...
2025-08-04
CS571 Class note 1
CS571 @UW-MadisonCS571 is a course for basic UI/UX design and frontend programming by University of Wisconsin Madison. The course is completely open source for all cs students to learn globally. The official website of this course is CS571, the latest version is for 2025 Spring. You can find matching class videos and other materials in this website. JsonJson(Javascript Object Notation) is basically a way to represent data in a hierarchy key-value pairs. The first tutorial didn’t...
评论
