edit-task
Home
Up
Delete
Task Name:
Task Description:
my javascript interview - a video of me writing a javascript program that explains javascript concepts
TaskGroup ID:
Start Date:
Start Time:
Duration:
Priority:
Status:
To Do
Completed
In Process
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;">CREATE-video# #</h1> <h1 style="text-align: center;">VIDEO my javascript interview // javascript interview questions</h1> <h2>[WHAT]</h2> <ol> <li>] me , answering javascript "interview type" questions while writing javascript code that demonstrates the topics being discussed</li> </ol> <h2>[WHY ]</h2> <ol> <li>] demonstrate javascript understanding and skills</li> </ol> <h2>[WHERE]</h2> <ol> <li><strong>] youtube link - playlist</strong></li> <ol> <li>] video episode 1 - introduction, objects</li> <li>] video episode 2 - prototypal inheritance</li> <li>] video episode 3 - this</li> <li>] video episode 4 - call, apply and bind</li> <li>] video episode 5 - closures</li> <li>] video episode 6 - the application polish</li> </ol></ol> <h2>[WHEN]</h2> <ol> <li>] 2015-08-dd -v-001</li> </ol> <h2>[EXAMPLE]</h2> <ol> <li><strong>] ORIGINAL version 0.0.1 -</strong></li> <ol> <li>] create a simple UI, function to list out the concepst that i want to illustrate</li> <li>] CONCEPT - ] OOP, ] OOP-prototypal inheritance, ] closures ] this, ] call apply bind</li> </ol> <li><strong>] version 0.0.2</strong></li> <ol> <li>] objects -</li> </ol> <li><strong>] version 0.0.3</strong></li> <ol> <li>]</li> </ol> <li><strong>] version 0.0.4</strong></li> <ol> <li>]</li> </ol></ol> <h2>[HOW-TO]</h2> <ol> <li>[process]</li> <ol> <li>] record(screen capture) of "writing code", demoing code functionality using jing SW, (format = .swf) </li> <li>] record audio voiceover using phone ( .g3a > mp4 )</li> <li>] add audio track to video using software () </li> <li>] video edit - ]</li> <li>] upload to youtube or ??</li> </ol></ol> <h2>[REFERENCE]</h2> <ol> <li>] </li> </ol> <p> </p> <hr /> <h1 style="text-align: center;">status</h1> <p> </p> <h2>[previously]</h2> <ol> <li><strong>] TOPIC-LIST SERIES-1 =</strong></li> <ol> <li>] topic= oop,</li> <li>] topic=oop prototypal,</li> <li>] topic=context this q= ] ,</li> <li>] topic=call-apply-bind,</li> <li>] topic=closures</li> </ol> <li><strong>[00:00] NEW task IN </strong></li> <ol> <li><span style="text-decoration: line-through;">[08-01] audio - voice 023 - [00:58] - intro</span></li> <li><span style="text-decoration: line-through;">[08-01] audio - voice 024 - [01:08] - intro</span></li> <li>[08-01] audio - js-int-q1-intro (WAS voice 025) - [01:23] - intro</li> <li>[08-03] audio - js-int-q1-object (wAS voice 026) - [02:45] - object</li> <li>[08-03] audio - js-int-q2-prototypal (WAS voice 027) - [03:20] - prototypal</li> </ol> <li><strong>[00:00] NEW task IN episode-question-001</strong></li> <ol> <li>x] js-interview.html - basic template</li> <li>x] js-interverw-001.txt - question object</li> <li>*] paste content ] question object INTO ] basic template</li> <li>x] js-interview-001.html -</li> <li>] EDIT</li> <li>] UPLOAD</li> </ol> <li><strong>[00:00] NEW task IN episode </strong></li> <ol> <li>x] js-interview.html - basic template</li> <li>x] js-interview-002.txt - question object</li> <li>*] paste content ] question-002.txt INTO ] basic template</li> <li>x] js-interview-002.html</li> <li>] EDIT</li> <li>] UPLOAD</li> </ol> <li><strong>[00:00] NEW task IN </strong></li> <ol> <li>]</li> <li>]</li> </ol> <li><strong>[00:00] NEW task IN</strong></li> <ol> <li>]</li> </ol></ol> <h2>[currently]</h2> <ol> <li>] series # 1</li> <ol> <li>] show - basic ui</li> <li>] say - ] intro</li> </ol> <li>] series episode # 2</li> <ol> <li>] convert from an array of data to objects</li> </ol> <li>] part # 3</li> <ol> <li>]</li> </ol> <li>]</li> </ol> <h2>[next]</h2> <ol> <li>]</li> <li><strong>] TOPIC-LIST SERIES-2 =</strong></li> <ol> <li>] map</li> <li>] map reduce</li> <li>] ? = filter,</li> </ol></ol> <p> </p> <hr /> <p><strong>[00:00] intro - voice 025 > "js-int-q1-intro"</strong></p> <p>- hi everyone, my name is Don Sagrott and this is "my javascript interview".</p> <p>- i am going to try and answer 5 very important javascript "key concept" type interview questions with a demonstration of each of my answers in javascript code.</p> <p>- at the end of this video series i hope to have a small working javascript application that you can use to remind yourself of these fundamental js concepts and to add more of your own concepts that you would like to learn.</p> <p>- i will include links to my github for the application source code in the description below this video as well as links to some more articles that explore each of these topics in more depth.</p> <p>- the questions I am going to cover fall into 1 of the 5 following categories - #1] oop in js, 2] prototypal inheritance , 3] understanding context and this, 4] using call apply and bind and 5] using closures </p> <p>- i will try to keep each answer and code demo for the questions to < 5 minutes .... and in the final segment, I will add some polish to the finished app</p> <p><strong>[01:30] </strong><strong>question 1 - objects</strong></p> <p>> QUESTION 1- Show me how to create a new object in javascript using a constructor function, make sure that the object has at least 1 method. Then demonstrate that the object is functional.</p> <p> </p> <hr /> <p><strong><br /></strong></p> <p><strong>[05:00 ] question 2 - prototypal inheiritance</strong></p> <p>- hi everyone, my name is Don Sagrott and this is "my javascript interview" part 2.</p> <p>In this episode we are going to take a quick look at the topic of prototypal inheritance.</p> <p>So lets get started by answering this question.</p> <p>> QUESTION 2 -Create a new object that inherits from the object you created in the previous question. Use prototypal inheritance to inherit the original objects properties and methods in the new object. Explain some of the benefits of using prototypal inheirtance VS classical inheiritance.</p> <p> </p> <p> </p> <hr /> <p><strong>question 3 - this</strong></p> <p>- hi everyone, my name is Don Sagrott and this is "my javascript interview" part 3.</p> <p>In this episode we are going to take a quick look at the topic of context in javascript, and the use of the .this keyword</p> <p>> QUESTION 3 what is this?, why do you need it?</p> <p> </p> <hr /> <p><strong>question 4 - call, apply and bind</strong></p> <p>- hi everyone, my name is Don Sagrott and this is "my javascript interview" part 4</p> <p>- In this episode we are going to take a quick look at the .call, .apply and .bind methods javascript and the how, when and where we "apply" them.</p> <p>> QUESTION 4 is</p> <p><strong>demo call() </strong></p> <p>demo apply()</p> <p>demo bind()</p> <p> </p> <hr /> <p><strong>question 5 - closures </strong></p> <p>- hi everyone, my name is Don Sagrott and this is "my javascript interview" part 5</p> <p>- In this episode we are going to take a quick look at the topic of closures, what they are how we use them.</p> <p> > QUESTION 5 is</p> <p> </p> <p><strong>closing</strong></p> <p>- thanks for checking out this video series, please be sure to like (if you like) and subscribe (if you want to see more of) these videos. </p> <p> </p> <p> </p> <hr /> <p><br /><!--<br />] REPLACED<br />var p = document.createElement("p");<br />var pText = document.createTextNode("text for the paragraph"); <br />body.appendChild(p);<br />] REPLACED<br />nextQuestion(index+1) w/concepts[index+1].show()<br />--></p> <p> </p> <p>EDITORS</p> <p>- windows movie - doesnt support .swf files</p> <p>- youtube online editor - can add audio, FROM their list of youtube audio, BUT cant add your own audio</p> <p>- OPTIONS -</p> <p> </p>