This document provides an overview of the responsibilities and skills required of a frontend developer. It discusses skills like HTML, CSS, JavaScript, jQuery, Angular, React, Node.js, NPM, Git, testing frameworks and more. It also provides examples of how to complete common tasks like adding JavaScript to a page, making API calls, handling events, bundling code with webpack, creating Angular and React apps, and more.

1. Frontend Developer

2. ●
●
●
●
●
●
●
●
●

3. ●
●
●
●
●
●
●

5. ●
●
●
<script language="javascript" type="text/javascript">
document.write("Hello World!")
</script>
<script language="javascript" type="text/javascript"
src="js/myFile.js"></script>

6. ●
●
●
●
○
○ …
●

7. ●
● …
●
●
●
●

8. ●
●
○
○

9. ●
●
○
○
●

10. ●
●
●
●
●
●
●
npm install -g typescript
●
tsc filename.ts
●

12. ●
●
○
○
○
○
○

13. ●
●
●
○
<button id="myButton" onclick="myFunction()">Click me</button>
<script>
function myFunction() {
//code
}
</script>
<button id="myButton">Click me</button>
<script>
$("#myButton").click(function() {
//code
});
</script>

14. ○
<p id="myPara">Hello jQuery is fun</p>
<script>
document.getElementById("myPara").style.color = "blue";
document.getElementById("myPara").style.fontFamily = "Arial";
</script>
<script>
$("myPara").css("color":"blue","font-family":"Arial");
</script>
○
○

15. ●
<script>
$(document).load(function(){
//Code
});
$(document).ready(function(){
//Code
});
$(function(){
//Code
});
</script>
●
(function($){
//Code
})(jQuery);

16. ●
●
○
○

17. ●
●
●
●
●
{
"version" : "1.0",
"name" : "myproject",
"devDependncies": {
"angular": "1.5.8",
"jquery" : "1.0.1"
}
>_ cd project_name
>_ project_name>npm install

18. ●
●
●
●
●
const fs = require('fs');
const data = fs.readFileSync('/file.md'); // blocks here until file is read
console.log(data);
moreWork(); //will run after console.log
-----------------------------------------------------------------------------------
const fs = require('fs');
fs.readFile('/file.md', (err, data) => {
if (err) throw err;
console.log(data);
});
moreWork(); //will run before console.log
●

19. ●
●
●
●
●
●
●

20. ●
npm install -g @angular/cli
ng new my-project
cd my-project
ng serve
●
npm install --save bootstrap

21. ●
○
○
○
○
○
○
○
○

22. ●
●
●
●
●
●

24. ●
○
npm install --save webpack
○
npm install --save-dev babel-cli babel-preset-env react react-dom