2023-09-12 TIL
TIL - 2023-09-12
Posts by Tag
- TIL 32
- JavaScript 16
- Flutter 5
- COMP30023 4
- INFO30005 3
- COMP30024 3
- React.js 2
- Node.js 2
- Chrome Extension 2
- COMP30027 2
- Machine Learning 2
- Artificial Intelligence 2
- Coding Challenges 2
- HTML 1
- Web API 1
- CSS 1
- React 1
- jQuery 1
- Express 1
- C# 1
- Version control 1
- WWW 1
- CLI, Git 1
- Linux 1
- Coding Challenges, Functional Programming 1
- Eclipse 1
- Maven 1
TIL
2023-09-10 TIL
TIL - 2023-09-10
2023-09-09 TIL
TIL - 2023-09-09
2023-09-08 TIL
TIL - 2023-09-08
2021-12-22 TIL
I made some big progress on running the content script on its designated pages! 🥰
2021-12-21 TIL
I worked on the popup page of the chrome extension project, and looked into the architecture of a content script. 🚗
2021-12-19 TIL
I finished the Express crash course! ✌
2021-12-18 TIL
I focused on the Express crash course. 🎇
2021-12-15 TIL
I spent the whole day to try and get my head around the chrome extension architecture.
2021-12-14 TIL
I started an Express crash course! 😎 I learned:
2021-12-13 TIL
I finished the Node.js crash course! 😁 I learned:
2021-12-12 TIL
I started a small project! 😀
2021-12-11 TIL
I started the Node.js crash course! 🤩 I learned:
2021-12-10 TIL
I finished the Web3schools Node.js tutorial! 🤩 I learned:
2021-12-09 TIL
I started touching on Node.js! 🍏 I learned:
2021-12-08 TIL
I learned jQuery today! ✌
2021-12-07 TIL
I’m done updating the project! 🎉
2021-12-06 TIL
I’m still practicing React.js! 😉
2021-12-05 TIL
I learned more React today! 😀
2021-12-04 TIL
I spent most of my time reviewing React.
2021-12-03 TIL
I finished the React crash course! 🤩 I learned:
2021-12-02 TIL
I am learning React.js by following a crash course! 😎 I learned:
2021-12-01 TIL
I explored some JavaScript libraries today. Turns out there is a whole bunch of different libraries with specific functionalities. My goal for now is to lear...
2021-11-30 TIL
I learned some basic CSS and applied it to the project. 🥰
2021-11-29 TIL
The to-do list project is very close to reaching perfection! 😊
2021-11-28 TIL
I added even more details to the to-do list project! 🥰
2021-11-27 TIL
I added the following details to the to-do list project:
2021-11-26 TIL
I continued working on the to-do list project! 😉
2021-11-25 TIL
I started my very first (and tiny) JavaScript project, creating a to-do list! 😺
2021-11-24 TIL
I have finished learning the basics of JavaScript! 🌼
2021-11-23 TIL
I am still focusing on Javascript! 😁
2021-11-22 TIL
TIL - 2021-11-22
JavaScript
Array function worksheet
✒ Reference: Array Worksheet by James Q Quick
Template literals
✒ Reference: MDN Web Docs - Event.target
JavaScript events
✒ Reference: This stackoverflow question
Event.target
✒ Reference: MDN Web Docs - Event.target
spread syntax
✒ Reference: MDN Web Docs - Spread syntax (…)
filter() function
✒ Reference: MDN Web Docs - Array.prototype.filter()
Arrow functions
✒ Reference: MDN Web Docs - Arrow function expressions
map() function
✒ Reference: MDN Web Docs - Array.prototype.map()
JavaScript libraries
What are JavaScript libraries?
Editing a TextNode object
What is a TextNode object?
addEventListener() vs onclick
Both addEventListener() and onclick listen for an event, and execute a callback function when a button is clicked.
document.write() vs Element.innerHTML
document.write() method
JavaScript basics
✒ This note is created based on: JavaScript tutorial by ‘Coding Everybody’.
What is JavaScript?
✒ Reference: Introduction - JavaScript by Mozilla
JavaScript Statements
✒ Reference: Loops and iteration from the Mozilla JavaScript Guide.
JavaScript Grammar and types
✒ Reference: Grammar and types - JavaScript Guide by Mozilla I have excluded the syntax that are identical to those of Java.
Flutter
Stateful and stateless widgets
✒ Reference: Write your first Flutter app, part 1
Custom Widgets
Making custom widgets stless + Tab after the code for MyApp Creating a ‘function’ that can be reused ```Dart class MyApp extends StatelessWidget { const...
Flexible and Extended
Flexible Controlling the width/height by % return MaterialApp( home: Scaffold( appBar: AppBar(), body: Row ( children: [ // First box ta...
Layout Styling
Styling in Flutter Text: TextStyle Picking colors: Color.fromRGBO(r, g, b, opacity) / Color(0xffaaaaaa) / Colors.ColorName Other styles include fontSize...
Flutter Basics
Flutter Basics Main structure Dart only runs code inside void main() ```dart import ‘package:flutter/material.dart’;
COMP30023
Process Communication (COMP30023 W2 L2)
Interprocess communication
Process Lifetime and Threads (COMP30023 W2 L1)
Process Creation & Termination
Operating Systems (COMP30023 W1 L1,2)
3/1 W1 L1
INFO30005
HTML and CSS basics (INFO30005 W2)
WWW and markup files
WWW (INFO30005 W1)
How was the www invented?
Terminal and Git (INFO30005 W1)
Using the terminal
COMP30024
Problem Solving and Search (COMP30024 W2)
Problem-solving agents
Intelligent Agents (COMP30024 W1 L2)
Intelligent Agents
What is AI? (COMP30024 W1 L1)
AI is everywhere!
React.js
React JS tutorial
✒ Reference: Intro to React by ReactJS.org
React JS crash course
✒ Reference: The amazing React crash course by Traversy Media
Node.js
Node JS crash course
✒ Reference: Node.js crash course by Traversy Media Node.js v17.2.0 documentation Everything you should know about ‘module’ & ‘require’ in Node.js
Node.js
✒ Reference: Node.js tutorial from W3 schools, Beginner’s Guide by Fireship
Chrome Extension
Content scripts
✒ Reference: Chrome Documentation
Creating a Google Chrome extension
✒ Reference: Chrome Documentation
COMP30027
Basics of Machine Learning (COMP30027 W1 L2)
Basic Framework
Machine Learning
Basics of Machine Learning (COMP30027 W1 L2)
Basic Framework
Artificial Intelligence
Intelligent Agents (COMP30024 W1 L2)
Intelligent Agents
What is AI? (COMP30024 W1 L1)
AI is everywhere!
Coding Challenges
Coding Challenge: Java Fundamentals
✒ Reference: String incrementer
Coding Challenge: Java Fundamentals
✒ Reference: Create Phone Number
HTML
Input elements of type text
✒ Reference: <input type=”text”> from the Mozilla HTML Guide.
Web API
JavaScript Web APIs
What is a Web API?
CSS
CSS basics
✒ Reference: CSS Tutorial by W3Schools
React
React Hooks
✒ Reference: React Docs
jQuery
jQuery
✒ Reference: jQuery tutorial from W3 schools
Express
Express crash course
✒ Reference:Express crash course by Traversy Media Express API Reference
C#
.NET Framework와 C 언어
✒ Reference: https://youtu.be/PKxm0vkoWgo
Version control
Terminal and Git (INFO30005 W1)
Using the terminal
WWW
WWW (INFO30005 W1)
How was the www invented?
CLI, Git
Brushing up on CLI & Git
Basic CLI ```java package app;
Linux
VI editor
VI is useful in a CLI-only envireonment, especially when changing remote configurations in a service.
Coding Challenges, Functional Programming
Coding Challenge: Java Functional Programming
✒ Reference: Java Functional Programming (Part 1: The Beginning)
Eclipse
Eclipse tips
Shortcuts sysout + ctrl + . creates System.out.println()
Maven
JAVA build system: Maven
Introduction Apache Maven is a build-automation tool that provides an easy way to develop JAVA applications Generating a Maven project: mvn archetype:buil...