Live Session: Welcoming Session & Introduction to the Course (15.12.2020)
Recorded on: 15.12.2020
Presented by: Kostas Minaidis
Live Session (SEP2020-FE) - Asynchronous Code and Browser Events in JavaScript (02/12/2020)
Recorded on: 02/12/2020
Presented by: Kostas Minaidis
Instructions: Fork this repo, create a branch for each exercise, work on the solution and make a Pull Request. Make sure to add your instructor(s) as collaborator(s) and mention them on the PRs.
Live Session (SEP2020-FE): DOM Lists, Scope and Algorithmic Thinking with stock prices (18/11/2020)
Recorded on: 18/11/2020
Presented by: Kostas Minaidis
- Working with DOM Lists
- Scope, Global and Local variables
- Working with stock prices (HTML)
- Working with stock prices (JS)
- Visualizing Function Scope (hover over the functions to see each functions scope)
- What does setTimeout returns?
- How to apply multiple inline styles using the .style property?
Instructions: Fork this repo, create a branch for each exercise, work on the solution and make a Pull Request. Make sure to add your instructor(s) as collaborator(s) and mention them on the PRs.
Live Session (SEP2020-FE): Timing & Randomness in JavaScript (11/11/2020)
Recorded on: 11/11/2020
Presented by: Kostas Minaidis
- Hash Functions
- Hash Functions in JavaScript
- Detecting errors and validating code in HTML using the W3C validator.
- Crypto.getRandomValues() for getting cryptographically strong random values in JavaScript.
- An example of using console.assert() to test our functions.
- console.assert();
- Object.keys()
- Object.values()
- Object.entries()
- The Grepper Chrome Extension
- HTMLHint Extension for VSCode (Can be used to validate our markup and spot errors such as duplicate ID values and more)
- Exercise #1: Quiz with Timer
- Create a web page that has a Pomodoro timer.
- Create a Countdown timer.
Instructions: Fork this repo, create a branch for each exercise, work on the solution and make a Pull Request. Make sure to add your instructor(s) as collaborator(s) and mention them on the PRs.
JavaScript (SEP2020-FE): Array and String Methods (04/11/2020)
Recorded on: 04/11/2020
Presented by: Kostas Minaidis
Instructions: Fork this repo, create a branch for each exercise, work on the solution and make a Pull Request. Make sure to add your instructor(s) as collaborator(s) and mention them on the PRs.
Live Session (SEP2020-FE): JavaScript - Part 2 (29/10/2020)
Recorded on: 29/10/2020
Presented by: Kostas Minaidis
- 0:00 - 3:02 = Best practices and why
- 3:03 - 6:47 = Javascript Statements
- 6:48 - 17:23 = Basic data values in JS
- 17:24 - 33:44 = Our first JS statement - Basic Math Operations
- 33:45 - 45:29 = Precedence & Associativity
- 45:30 - 47:49 = Student's question about typeof in a variable
- 47:50 - 54:50 = Quiz time
- 54:51 - 59:47 = More examples with the remainder
- 59:48 - 1:00:53 = "Strings"
- 1:00:54 - 1:11:31 = Comments
- 1:11:32 - 1:14:36 = It's time to test our skills
- 1:14:37 - 1:21:47 = Time for students to solve the exercise
Live Session (SEP2020-FE): Flexbox Hands on with GitHub (14/10/2020)
Recorded on: 14/10/2020
Presented by: Kostas Minaidis
- Loading Google Fonts
- Using the form and the input radio element
- Using Flexbox
- Centering block elements using margin: 0 auto;
- GitHub Workflow in a team environment
- CSS: border-radius
-
Pretty log output in git:
git log --pretty="%C(Yellow)%h %C(reset)%ad (%C(Green)%cr%C(reset))%x09 %C(Cyan)%an: %C(reset)%s" -7
- Console shortcuts for clearing line/console:
Ctrl+l, Ctrl+U
- What is the difference between git add -A and git add . ?
Instructions: Fork this repo, create a branch for each exercise, work on the solution and make a Pull Request. Make sure to add your instructor(s) as collaborator(s) and mention them on the PRs.