Lecture

Recap and practice

What we would cover?

• General processes
• Homeworks workflow
• mouseover/mouseleave events
• Practice

General processes

What does it mean?

• Homework rules
• Github process
• Commitment

Homework rules

• One homework per week (on Monday)
• Deadline - Soft deadline on Saturday 18:00, hard Sunday 23:59

Github process

• 1 branch per homework
• Branch should have meaningful name (index-page, hw2-folder-structure)
• 1 pull request with meaningful name and description per homework
• ALL teachers selected as reviewers
• At least 1 approval before merge
• Review comments addressed within same pull request

Commitment

• Teachers: should check all homeworks before next Monday
• Students: should provide homework for review before deadline

Homeworks workflow

Questions?

Let's try new events

Demo

					
let strangeButtonCmp = document.getElementById("strangeButton");
const initialLabel = "Strange button";

function clickHandler(event) {
	console.log('Hey, you just pressed strange button');
}

function mouseOverHandler(event) {
	console.log('Mouse here!');
	strangeButtonCmp.innerText = "What just happened?"
	strangeButtonCmp.classList.add('inverted-color');
	strangeButtonCmp.classList.add('big-button');
}

function mouseLeaveHandler(event) {
	console.log('Mouse just left that button');
	strangeButtonCmp.innerText = initialLabel;
	strangeButtonCmp.classList.remove('inverted-color');
	strangeButtonCmp.classList.remove('big-button');
}

strangeButtonCmp.addEventListener("click", clickHandler);
strangeButtonCmp.addEventListener("mouseover", mouseOverHandler);
strangeButtonCmp.addEventListener("mouseleave", mouseLeaveHandler);
					
				

Class work

Homework