Download as PDF, PPTX
Web Programming - 10 JavaScript
- 1. Study Program ofInformation Systems Faculty of Engineering and Computer Science SY. 2020-2021 Andi Nurkholis, S.Kom., M.Kom. December 07, 2020
- 2.
- 3. 3 JavaScript is themagic third element. Once you’ve created your structure (HTML) and your aesthetic vibe (CSS), JavaScript makes your site or project dynamic. It can update and change both HTML and CSS, and also can calculate, manipulate and validate data.
- 4. 4 In Laravel, JSlets you build a full-scale application that is event- driven and has all activity completely handle on the frontend with HTML and CSS. You can make a few trips to request data from your Laravel application and make UI changes by switching components without reloading the page with JS
- 5. Adding interactivity towebsites If you want a website to be more than a static page of text, you’ll need to do some JavaScripting 5
- 6. Developing mobile applications JavaScriptisn’t just for websites, it’s used to create those apps you have on your phone and tablet as well 6
- 7. Creating web browserbased games Ever played a game directly from your web browser? JavaScript probably helped make that happen 7
- 8. Back end webdevelopment JavaScript is mostly used on the front end of things, but it’s a versatile enough scripting language to be used on back end infrastructure, too. 8
- 9. AJAX is atechnique that allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page. 9
- 10.
- 11. • Reduce thetraffic travels between the client and the server. • Response time is faster so increases performance and speed. • You can use JSON (JavaScript Object Notation) which is alternative to XML. JSON is key value pair and works like an array. • Ready Open source JavaScript libraries available for use – jQuery, Prototype, Scriptaculous, etc.. • Validation should be instant and proper, which is provided by AJAX. 11
- 12. • It canincrease design and development time • More complex than building classic web application • Security is less in AJAX application as all files are downloaded at client side. • Search Engine like Google cannot index AJAX pages. • JavaScript disabled browsers cannot use the application. • Another server cannot display information within the AJAX. 12
- 13. Form validation isa technical process where a web-form checks if the information provided by a user is correct. The form will be validated and will either alert the user that they messed up and need to fix something to proceed13
- 14. 14 Form validation generallyperforms two functions. • Basic Validation − First of all, the form must be checked to make sure all the mandatory fields are filled in. It would require just a loop through each field in the form and check for data. • Data Format Validation − Secondly, the data that is entered must be checked for correct form and value. Your code must include appropriate logic to test correctness of data.
- 15. Andi Nurkholis, S.Kom.,M.Kom. September 28, 2020December 07, 2020 Study Program of Information Systems Faculty of Engineering and Computer Science SY. 2020-2021