Differences
This shows you the differences between two versions of the page.
|
se:labs:02 [2019/10/08 12:56] cosmin.dumitrache [Callbacks] |
se:labs:02 [2023/10/10 01:13] (current) emilian.radoi [Feedback] |
||
|---|---|---|---|
| Line 4: | Line 4: | ||
| {{https://media.makeameme.org/created/javascript-javascript-everywhere.jpg| JS}} | {{https://media.makeameme.org/created/javascript-javascript-everywhere.jpg| JS}} | ||
| + | |||
| + | **[[https://drive.google.com/file/d/125SZ_EqMi5FIPCbiNWinSkYq7xrHzhh1/view?usp=sharing | Introduction video]]** | ||
| JavaScript is the programming language of not only the browser, but also the server, native applications and even [[https://www.youtube.com/watch?v=6CmIidOxc2g|Arduino boards!]] | JavaScript is the programming language of not only the browser, but also the server, native applications and even [[https://www.youtube.com/watch?v=6CmIidOxc2g|Arduino boards!]] | ||
| Line 207: | Line 209: | ||
| For today, you'll going to have to do the following: | For today, you'll going to have to do the following: | ||
| - | - Download the {{:se:labs:task2.zip|zip file}} containing the tasks. | + | - Download the {{:se:labs:task2b.zip|zip file}} containing the tasks. |
| - Go to the //tasks/// folder, and complete all the functions marked with //TODO:// in the //index.js// file | - Go to the //tasks/// folder, and complete all the functions marked with //TODO:// in the //index.js// file | ||
| - In the //api/// folder, you have the necessary functions of a command line API client for the typicode API. Fill in the functions and make it work by calling the addPost, getPosts and deletePost functions from the browser's command line | - In the //api/// folder, you have the necessary functions of a command line API client for the typicode API. Fill in the functions and make it work by calling the addPost, getPosts and deletePost functions from the browser's command line | ||
| - In the apiInterface/ folder, you will have to reuse the api/ files in order to make a Postman-like interface for the API. Add event listeners to the buttons and output the result from the API in the div in the HTML. | - In the apiInterface/ folder, you will have to reuse the api/ files in order to make a Postman-like interface for the API. Add event listeners to the buttons and output the result from the API in the div in the HTML. | ||
| - | - In the notifyMe/ folder, you already have a setup for a notification request. Trigger a notification when pressing the button. | ||
| - In the imageGif/ folder, you have an array of image locations and an img object. Can you make a GIF out of them? | - In the imageGif/ folder, you have an array of image locations and an img object. Can you make a GIF out of them? | ||
| + | - Optional: In the notifyMe/ folder, you already have a setup for a notification request. Trigger a notification when pressing the button. | ||
| <solution -hidden> | <solution -hidden> | ||
| Line 231: | Line 233: | ||
| ====== Feedback ====== | ====== Feedback ====== | ||
| - | Please take a minute to fill in the **[[https://docs.google.com/forms/d/e/1FAIpQLSe4RKsezNzCRz_0hZwaD6k0_HagKgJFanirq7Kb6Ukptj-Svw/viewform | feedback form]]** for this lab. | + | Please take a minute to fill in the **[[https://forms.gle/PNZYNNZFrVChLjag8 | feedback form]]** for this lab. |
| + | |||
| + | /* **[[https://meet.google.com/sgd-hbwv-hhy | Google Meet]]** */ | ||
