diff --git a/06_03/script.js b/06_03/script.js index 3db30fa6..c0fc66de 100755 --- a/06_03/script.js +++ b/06_03/script.js @@ -11,9 +11,9 @@ document.querySelector(".left .color-value").innerHTML = color; document.querySelector(".right").style.backgroundColor = color; document.querySelector(".right .color-value").innerHTML = color; -function headingColor() { - color = "blue"; - document.querySelector(".title").style.color = color; -} +// function headingColor() { +// color = "blue"; +// document.querySelector(".title").style.color = color; +// } -headingColor(); +// headingColor(); diff --git a/JavaScript Essential Training Resources.pdf b/JavaScript Essential Training Resources.pdf new file mode 100644 index 00000000..016cdf4c Binary files /dev/null and b/JavaScript Essential Training Resources.pdf differ diff --git a/NOTICE b/NOTICE index 5c792b93..20e6175f 100644 --- a/NOTICE +++ b/NOTICE @@ -1,17 +1,25 @@ -Copyright 2019 LinkedIn Corporation +Copyright 2021 LinkedIn Corporation All Rights Reserved. Licensed under the LinkedIn Learning Exercise File License (the "License"). See LICENSE in the project root for license information. ATTRIBUTIONS: -Fonts: -Oswald: https://fonts.google.com/specimen/Oswald -Work Sans: https://fonts.google.com/specimen/Work+Sans Dependencies: -eslint https://www.npmjs.com/package/eslint -Prettier https://www.npmjs.com/package/prettier + +eslint +https://github.com/eslint/eslint +Copyright JS Foundation and other contributors, https://js.foundation +Licenes: MIT +https://opensource.org/licenses/MIT + + +Prettier +https://github.com/prettier/prettier +Copyright © James Long and contributors +Licenes: MIT +https://opensource.org/licenses/MIT Please note, this project may automatically load third party code from external repositories (for example, NPM modules, Composer packages, or other dependencies). @@ -19,3 +27,59 @@ If so, such third party code may be subject to other license terms than as set forth above. In addition, such third party code may also depend on and load multiple tiers of dependencies. Please review the applicable licenses of the additional dependencies. + +=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= + + +MIT License + +Copyright JS Foundation and other contributors, https://js.foundation + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + +=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= + +MIT License + +Copyright © James Long and contributors + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + +=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= + + + + + diff --git a/Practice/03_07/script.js b/Practice/03_07/script.js index 7c19b174..9a82c281 100755 --- a/Practice/03_07/script.js +++ b/Practice/03_07/script.js @@ -1,10 +1,9 @@ /** - * Practice: Building functions + * Practice: Building objects * - * - Create a basic function declaration - you’ll remember that’s where we say “function” followed by the name of the function. - * - In the body of the function declaration, do something to an element in the DOM. For this you can use any of the techniques we’ve covered earlier - finding an element using querySelector, adding a class, whatever you like. - * - Call the function declaration so the action takes place. - * - Create a basic function expression - that’s when you define a variable and place an anonymous function inside - * - Do the same as above - find an element, make a change to it, call the function, make sure it works. - * - Finally, create an arrow function, make it do something, and call it. + * - Create JavaScript objects based on objects in your current environment. + * - Give each object an identifiable name. + * - Create properties to describe the objects and set their values. + * - Find an object that has another object inside of it to create a nested object. + * - Test your objects in the browser console by accessing the entire object and its specific properties. */ diff --git a/README.md b/README.md index 1f1569a5..c6cd9e0a 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,10 @@ -# COURSENAME +# JavaScript Essential Training +This is the repository for the LinkedIn Learning course JavaScript Essential Training. The full course is available from [LinkedIn Learning][lil-course-url]. -This is the repository for the LinkedIn Learning course `JavaScript Essential Training`. The full course is available from [LinkedIn Learning][lil-course-url]. +![JavaScript Essential Training][lil-thumbnail-url] +JavaScript is a scripting language of the web. As the web evolves from a static to a dynamic environment, technology focus is shifting from static markup and styling—frequently handled by content management systems or automated scripts—to dynamic interfaces and advanced interaction. Once seen as optional, JavaScript is now becoming an integral part of the web, infusing every layer with its script. -![course-name-alt-text][lil-thumbnail-url] +Through practical examples and mini-projects, this course helps you build your understanding of JavaScript piece by piece, from core principles like variables, data types, conditionals, and functions through advanced topics including loops, and DOM scripting. Along the way, instructor Morten Rand-Hendriksen provides challenges that allow you to put your new skills to the test. ## Instructions @@ -20,3 +22,14 @@ Some movies will have a beginning and an end state. In the exercise files, the e - [Prettier code formatter extension](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - [ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) 2. From the root folder, open the terminal and enter the command `nmp install` to install dependencies. + +### Instructor + +**Morten Rand-Hendriksen** + +_Web Designer and Developer_ + +Check out my other courses on [LinkedIn Learning](https://www.linkedin.com/learning/instructors/morten-rand-hendriksen?u=104). + +[lil-course-url]: https://www.linkedin.com/learning/javascript-essential-training +[lil-thumbnail-url]: https://cdn.lynda.com/course/2832077/2832077-1610728160487-16x9.jpg