Executable coding blocks production-readiness - PR 2 #22

tahachm · 2025-03-07T20:50:04Z

Note: This is a stacked PR based off the earlier Executable coding blocks production-readiness - PR 1.

Adjusted code blocks for a further 34 questions to allow live execution.

Added console.log statements to allow learners to correlate the code outcomes by running the cell
codeblocks involving async functions like setTimeout() and promises have been left non-executable
Enhanced clarity in examples. I vetted the examples and improved some where I felt necessary
Refactored some async examples to be synchronous while retaining learning outcomes.
other minor errors in the code samples like syntax issues and undefined properties were also resolved.

Major issues encountered:

async code
lodash and module import examples left non-executable
Examples requiring DOM need to be addressed still
identified an issue with a codeblock related to inheriting the lexical scope of the code editing function

…r-or-const

…or-undeclared-how-would-you-go-about-checking-for-any-of-these-states

…roperties-and-array-items

…eration

…erent-from-rest-syntax

…o-and-var-foo-function

…ax-how-does-this-new-syntax-differ-from-other-functions

…rson-new-person

…n-for-accessing-object-properties

…s-and-objects

…-arrays

…us-operations

…ous-functions

…ypal-inheritance

…structors

…block-scope

…-method-in-a-constructor

tahachm · 2025-03-07T20:53:02Z

...s/what-advantage-is-there-for-using-the-arrow-syntax-for-a-method-in-a-constructor/en-US.mdx

@@ -86,7 +88,7 @@ const sayHello = () => 'Hello, World!';

 Arrow functions cannot be used as constructors and will throw an error when used with the `new` keyword.

-```js
+```js live
 const Foo = () => {};
 const foo = new Foo(); // TypeError: Foo is not a constructor
 ```


for console.log(arguments), the lexical scope of our runCode functions is being inherited, and thus the TypeError is not being thrown. Rather, we just get an empty object {} which are the empty arguments of our runCode function simply. Therefore, have left this codeblock unexecutable. Any ideas? I tried using globalThis but that would mess with other examples then

I think we can leave it

tahachm and others added 30 commits March 2, 2025 17:57

exec: how-do-you-convert-a-string-to-a-number-in-javascript

3b0f7b6

exec: what-are-the-various-data-types-in-javascript

df35cdd

exec: explain-the-concept-of-hoisting-with-regards-to-functions

8278bc1

exec: explain-the-difference-in-hoisting-between-var-let-and-const

66da940

exec: what-is-the-spread-operator-and-how-is-it-used

377fded

exec: how-do-you-check-the-data-type-of-a-variable

03d6fcd

exec: what-are-the-differences-between-variables-created-using-let-va…

c036438

…r-or-const

exec: whats-the-difference-between-a-variable-that-is-null-undefined-…

d6f3b0e

…or-undeclared-how-would-you-go-about-checking-for-any-of-these-states

exec: what-are-template-literals-and-how-are-they-used

15d0f04

exec: how-can-you-avoid-problems-related-to-hoisting

e3f2fe4

exec: what-is-the-difference-between-double-equal-and-triple-equal

c976667

exec: what-language-constructs-do-you-use-for-iterating-over-object-p…

f9b6c18

…roperties-and-array-items

exec: what-is-the-purpose-of-the-break-and-continue-statements

1a59dbd

exec: what-is-the-ternary-operator-and-how-is-it-used

93fc6c7

exec: how-do-you-access-the-index-of-an-element-in-an-array-during-it…

52b9eb3

…eration

exec: what-is-the-purpose-of-the-switch-statement

3e044c8

exec: what-are-rest-parameters-and-how-are-they-used

5917f8d

exec: explain-the-concept-of-the-spread-operator-and-its-uses

b3b8e22

[auto] regenerate table of contents

f0f1c01

exec: what-are-the-benefits-of-using-spread-syntax-and-how-is-it-diff…

be56334

…erent-from-rest-syntax

exec: explain-the-differences-on-the-usage-of-foo-between-function-fo…

f61faa7

…o-and-var-foo-function

exec: what-is-the-difference-between-a-parameter-and-an-argument

730aee9

exec: whats-the-difference-between-call-and-apply

7cf0b24

partial fix: can-you-offer-a-use-case-for-the-new-arrow-function-synt…

40c09e4

…ax-how-does-this-new-syntax-differ-from-other-functions

exec: difference-between-function-person-var-person-person-and-var-pe…

1b56553

…rson-new-person

partial fix: what-is-the-definition-of-a-higher-order-function

86aabc6

exec: what-is-recursion-and-how-is-it-used-in-javascript

d837bb0

exec: what-are-default-parameters-and-how-are-they-used

f8a5f10

exec: what-are-the-various-ways-to-create-objects-in-javascript

75b98d6

exec: explain-the-difference-between-dot-notation-and-bracket-notatio…

9d624e4

…n-for-accessing-object-properties

tahachm added 20 commits March 7, 2025 02:42

exec: explain-the-difference-between-shallow-copy-and-deep-copy

a7b0bbc

exec: what-are-the-advantages-of-using-the-spread-operator-with-array…

7e7cfb0

…s-and-objects

exec: how-do-you-check-if-an-object-has-a-specific-property

5f53908

exec: explain-the-concept-of-destructuring-assignment-for-objects-and…

4b75530

…-arrays

exec: how-do-you-reliably-determine-whether-an-object-is-empty

0983882

partial fix: explain-the-concept-of-a-callback-function-in-asynchrono…

8a7e7f1

…us-operations

partial fix: what-are-promises-and-how-do-they-work

b961378

partial fix: what-are-callback-functions-and-how-are-they-used

6bc474a

partial fix: explain-the-difference-between-synchronous-and-asynchron…

4235698

…ous-functions

exec: explain-how-prototypal-inheritance-works

9c4464c

exec: explain-the-difference-between-classical-inheritance-and-protot…

3656d64

…ypal-inheritance

exec: explain-the-concept-of-inheritance-in-es2015-classes

38f2a07

exec: what-is-the-purpose-of-the-new-keyword

7a1b2be

exec: how-do-you-create-a-constructor-function

4b864fa

exec: what-are-the-differences-between-es6-class-and-es5-function-con…

208848a

…structors

exec: explain-the-concept-of-lexical-scoping

ed92473

exec: explain-the-concept-of-scope-in-javascript

ec00257

exec: how-can-closures-be-used-to-create-private-variables

aca5590

exec: explain-the-difference-between-global-scope-function-scope-and-…

14f54cf

…block-scope

partial fix: what-advantage-is-there-for-using-the-arrow-syntax-for-a…

0596b5c

…-method-in-a-constructor

tahachm requested a review from yangshun March 7, 2025 20:50

[auto] regenerate table of contents

9925c12

tahachm commented Mar 7, 2025

View reviewed changes

tahachm self-assigned this Mar 7, 2025

Base automatically changed from taha/executable-coding-blocks to main March 9, 2025 01:18

yangshun and others added 3 commits March 9, 2025 09:18

Merge branch 'main' into taha/executable-coding-blocks-2

f0a6605

Update en-US.mdx

b5fcd8c

[auto] regenerate table of contents

3fcfe79

yangshun approved these changes Mar 9, 2025

View reviewed changes

yangshun merged commit 86b341e into main Mar 9, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Executable coding blocks production-readiness - PR 2 #22

Executable coding blocks production-readiness - PR 2 #22

Uh oh!

tahachm commented Mar 7, 2025

Uh oh!

tahachm Mar 7, 2025

Uh oh!

yangshun Mar 9, 2025

Uh oh!

Uh oh!

Executable coding blocks production-readiness - PR 2 #22

Executable coding blocks production-readiness - PR 2 #22

Uh oh!

Conversation

tahachm commented Mar 7, 2025

Uh oh!

tahachm Mar 7, 2025

Choose a reason for hiding this comment

Uh oh!

yangshun Mar 9, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!