Laurence Svekis

Laurence Svekis is a web technology enthusiast, educator, and author who has been working in the field for over 20 years. He has expertise in web development technologies, such as HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL. Svekis is a prolific course instructor on Udemy, with over 500,000 students enrolled in his courses. He has authored over 100 online courses, covering a wide range of web technologies and tools, such as Google Apps Script, WordPress, React, Node.js, Express.js, and MongoDB. His courses are known for their practical and hands-on approach, with a focus on real-world projects and examples. In addition to teaching, Svekis is also a published author, with several books to his name Svekis is passionate about empowering people with the skills and knowledge they need to succeed in the rapidly evolving field of web technology. He is committed to providing high-quality educational resources that are accessible to anyone, regardless of their background or experience level.

Linkedin Top 10 Tips of 2023 Profile SuperCharge

by

Top 10 Linkedin Tips GuideLaurence Svekis https://www.linkedin.com/in/svekis/ Profile PictureUse a professional profile picture: A professional headshot is essential for making a good first impression on potential connections and employers. HeadlineWrite a compelling headline: Your headline is the first thing people see when they come across your profile, so make sure it accurately reflects your professional … Read more

jQuery Button Click Counter coding example and free lesson on jQuery

by

jQuery is a popular JavaScript library that makes it easy to manipulate HTML elements, handle events, and create animations. Here’s a common jQuery example that demonstrates how to select elements, add an event listener, and change the element’s text: Copy code <button id=”my-button”>Click me</button> <p id=”my-text”>Hello</p> <script>     // Select the button and add a click … Read more

JSON and JavaScript

by

JavaScript Object Notation (JSON)  JavaScript Object Notation (JSON) is a lightweight data-interchange format that is easy for humans to read and write and easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999. JSON is a text format that is … Read more

JavaScript Closure

by

JavaScript Closure Explained A closure in JavaScript is a function that has access to variables in its parent scope, even after the parent function has returned. Closures are created when a function is defined inside another function, and the inner function retains access to the variables in the outer function’s scope. Here is an example … Read more

HTTP request in Javascript Get JSON data with xhr method and fetch methods

by

HTTP request in Javascript? There are several ways to make an HTTP request in JavaScript, including using the XMLHttpRequest object or the fetch() function. Here is an example of making an HTTP GET request using XMLHttpRequest: var xhr = new XMLHttpRequest(); xhr.open(“GET”, “https://example.com”); xhr.send(); Here’s an example of making an HTTP GET request to a … Read more

JavaScript Closure

by

JavaScript Closure A closure in JavaScript is a function that has access to the variables in its parent scope, even after the parent function has completed execution. This allows for data to be “closed over” or remembered by the inner function, even after the outer function has returned. For example: function makeCounter() {   let count … Read more

JavaScript Coding Exercises Vol 1 2023

by

Sample JavaScript Code Laurence Svekis JavaScript Closure A closure in JavaScript is a function that has access to the variables in its parent scope, even after the parent function has completed execution. This allows for data to be “closed over” or remembered by the inner function, even after the outer function has returned. For example: … Read more

JavaScript Image Gallery and Dynamic Image Gallery using page classes or create page elements on the fly with code

by

Here is an example of a JavaScript image gallery maker that creates a simple image gallery with prev/next buttons to navigate through the images: <div id=”gallery”>   <img src=”image1.jpg” id=”current-image”>   <button id=”prev-button”>Prev</button>   <button id=”next-button”>Next</button> </div> <script>   var images = [“image1.jpg”, “image2.jpg”, “image3.jpg”, “image4.jpg”];   var currentIndex = 0;   var gallery = document.getElementById(“gallery”);   var currentImage = document.getElementById(“current-image”);   var … Read more

How to add Fade Out and Fade in to page elements pure JavaScript

by

Learn how to apply fade in and fade out effects to HTML page elements with pure JavaScript code. Select and create new page elements dynamically with code, add event listeners and have the page elements fade in and fade out once the event is triggered. How to append and add new page elements with JavaScriptHow … Read more