Haayany's

UI Overview Content Context Audience Look and Feel Language Functionality UI Elements Color/Shape/Pattern Imagery Typography Icons/Buttons Navigation: Menus/Links/Fields Hierarchy of Content Client Goal Hierarchy of Function User Goal 1. What's the user's first impression? 2. What's the first thing the user does? 3. What does the user do next?

https://www.smashingmagazine.com/2016/11/a-quick-guide-for-designing-better-buttons/ How To Design Better Buttons — Smashing Magazine Buttons are a common element of interaction design. While they may seem like a very simple UI element, they are still one of the most important ones to create. In today’s article, we’ll be covering the essential items you need to know in order to create ef www.sma..

Functional interface(Speed) PROS Simple / Direct Unambiguous Rapidly adoptable Familiar/predictable Logical CONS BORING Stylistic interface(Style) PROS Entertaining Engaging Rewarding Experience Brandable Novel/Individual CONS Obstructs Content Time-consuming Frustrating Experience Dates Rapidly Unnecessary How to create a pattern library and why you should bother - https://boagworld.com/design/..

Type language made physical fast to read accurate/clear meaning economical can represent what cannot be depicted The accurate representation of complex non-visual concepts Ex> democracy connotation + individuality = branding Icon 1. Trying to be recognizable Ex> app icons in app markets 2. DIfference between Icon and Symbol Icon - Pictoral, they look like what they are representing Symbol - non-..

Real-world knowledge It is based on analog models. Ex> We know how digital buttons work on a screen because we've experienced analog buttons in the real world Learned behavior Something that doesn't exist in the real world, but you've seen and used so you know how it supposed to work. Ex>Swiping, drag, pinch to zoom Cause and effect When a user presses a button and something happens, the user qu..

Denotative images: literal. very first feeling about the art itself. apple with gray color: unhealthy, rotten / apple that has very bright color: healthy, good Connotative images: metaphorical. the art's metaphorical image. falling apple: Newton, Gravity / apple with a snake: good and of evil from the bible When you make a denotative image, you have to think about; 1. What is the essence of the ..

Global scope All functions can access items it's a good idea to make a Global variable with objects Function Scope Resolves names by looking at function, then surrounding functions, then the global scope var and Hoisting Use let and const to declare JavaScript only hoists declarations, not initializations. Undeclared Variables and Strict Mode You can use strict mode by putting 'use strict'; on t..

Creating and Initializing Arrays const arr = [1,2,3] const arr = Array.of(1,2,3) Accessing Array Items arr[index] array is zero based (starts from 0) Manipulating Arrays with methods push() add the values to the end of the array. pop() Removes the element from the end of the array. shift() Removes the element from the beginning of the array unshift() add the values to begining of the array slice..

Object Properties and Methods https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object obj.propName obj['propName'] Passing Objects to Functions Functions can change an object's properties and methods Standard Built-in Objects https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects date, math, string, number The Document Object Model (DOM) ..

Function Basics Function Expressions What are the benefits of declaring a function as variables? (02112020) Passing Information to Functions Function Return Values Function Scope functions can access variables that declared outside of the functions but not vice versa Using Functions to Modify Web Platform

If ... else statements truthy and falsy expressions comparing === to == The Ternary Operator Block Scope Loops: for, while, do...while Conditionals Using if() ===: equal !==: not equal Truthy and Falsy Falsy Truthy false 0 "" or '' (empty strings_ null undefined NaN Everything NOT falsy 0.5 "0" String *floating point bug in JS use parenthesis, toFixed(...), and string to number to fix this bug h..

Operator: typeof show the type of the operand Numbers - subtract + add * multiply / divide % remainder ++ increment (add 1) -- decrement (subtract 1) ** exponentiation common increment bug(also works in decrement) Number precision bug number operator shortcut price = price - 5; price -= price; are same Operator precedence Precedence Operator type Associativity Individual Operators 21 Grouping n/..

Variables Keyword: let, var Starts with _ $ letter Can't be started with number a account account_100 accountNumber (Camelcase) _accountNumber (Private Variable) let keyword(Scope Local Variable) var keyword(Global Variable) Constants Keyword: const Constants can't be changed Error : const price = 40; price = 50; if you are unsure about when to set variable or constant, then constant first and l..

File (파일) 의미 있는 정보를 담고 있으며, 이름을 가지고 있는 저장 장치상의 논리적인 단위.바이트별로 따로 읽을 수 있는 연속적인 바이트의 집합.ex) ASCII 파일 Text (텍스트 파일)사람이 알아볼 수 있는 문자열로 이루어진 파일, 프로그램이 텍스트 파일을 읽거나, 사용할 때는 포맷 형식에 따라 데이터 변환이 일어남. Binary file (이진 파일)컴퓨터 내에 저장과 처리 목적을 위해 이진형식(0과 1) 으로 인코딩된 데이터를 의미한다.프로그램이 바이너리 파일을 읽거나 사용할 때에는 데이터의 변환이 필요하지 않다.문자열로 해석될 수 있는 부분을 포함하고 있다. 포맷 정보가 없다면 완전한 텍스트 파일이라고 본다.ex) 포맷 텍스트를 포함하는 컴퓨터 문서 파일 *유니코드 텍스트 파일은 텍스..

CVS (Concurrent Version System)1986년에 개발되고 90년에 출시된 무료 서버-클라이언트 형상관리 시스템.장점오랜기간 많은 유저를 가졌던 만큼 안정적이다.하나의 파일에 대한 동시작업이 가능하다.Merge, Branch, Tag, Compare 기능을 지원한다.Unix, Linux, Windows 등 다양한 운영체제를 지원한다.파일 전체를 저장하는 것이 아니라 변경사항만을 저장함으로 용량을 적게 차지한다.단점CVS 저장소의 파일들은 이름을 바꿀 수 없기 때문에, 제거한 뒤 다시 추가해야 한다.CVS 프로토콜은 디렉토리의 이동이나 이름 변경을 허용하지 않기 때문에 파일을 지우고 다시 추가해야 한다.아스키 코드를 지원하며, 유니코드는 제한적으로 지원한다.속도가 상대적으로 느리다.커밋 ..