Coding
Web Dev

Introduction to JavaScript – the language of the browser!

JavaScript is the language of the browser! And not only that: JavaScript also remains the most popular programming language for the tenth time in a row and is used by almost 17.5 million developers worldwide (Source: State of the Developer Nation 2022). Not only do new developers see JavaScript as an attractive entry-level language, but existing developers are also using it to expand their skills. As a result, JavaScript is now used by more than half of the developers working on web applications. So this is a course you don’t want to miss! We will learn how to create dynamic web pages with JavaScript. The training sessions are very hands-on oriented in dedicated computer rooms. Participants can also bring their own laptop. Through an active engagement, we will have a look at versatile use-cases of JavaScript and especially use it for validation purposes.

Content

Learn basic language elements using input and output windows

  • Embed JavaScript in HTML using the tag
  • Value output using message boxes with the alert() function
  • Value output via JavaScript console using the console.log() function
  • Value input via input windows using the prompt() function
  • Variables, data types (int, float, string, boolean), autotyping, assignment
  • Arithmetic operators, concatenation operator "+".
  • Convert strings to numbers using the parseInt() & parseFloat() functions
  • Use standard Math library to program simple mathematical calculations
  • Embed outsourced JavaScript code
  • Manipulate the content of an HTML element
  • Access HTML elements using the document.getElementById() function
  • Modify the value of an HTML element using the value attribute and the content of an HTML element using the innerHTML attribute.
  • Modify CSS properties using JavaScript.
    • Use buttons and react to events
  • Use buttons and evaluating the onclick/onchange attribute of different HTML elements.
  • The onload attribute in the tag
  • Functions without parameters for event evaluation
    • Conditional statements
  • Conditional statement (if), branching (if...else)
  • Comparison operators, logical operators
  • Multiple branching
    • Elementary validation of input fields
    • Loops
Learning Outcomes

On completion of this course, participants are capable to:

  • Use JavaScript to add dynamic behaviour to the website
  • Validate user forms
  • Create new website elements
  • Manipulate existing website elements
Training Method
  1. Illustrate the role and significance of JavaScript as the primary language for client-side web development and its popularity among developers.
  2. Demonstrate the ability to use JavaScript to add dynamic behavior to websites, enabling interactions such as form submission handling, content updates, and event driven actions.
  3. Apply JavaScript validation techniques to ensure data integrity and enhance user experience by validating user input in forms.
  4. Manipulate website elements dynamically using JavaScript, including creating new elements, modifying attributes, and updating content to provide a responsive and interactive user interface.
  5. Develop single-page web applications using JavaScript, incorporating concepts such as state management, event handling, and DOM manipulation to create engaging user experiences.
  6. Explore versatile use-cases of JavaScript, including examples like a pizza configurator or a shopping cart, to understand how JavaScript can be applied to solve real-world problems and build interactive applications.
  7. Foster a hands-on learning environment by providing participants with dedicated computer rooms or encouraging them to bring their laptops for practical exercises and coding activities.
  8. Encourage active engagement and participation from learners, facilitating discussions and collaborative problem-solving to enhance their understanding and application of JavaScript concepts.

These objectives aim to equip learners with the foundational knowledge and practical skills necessary to leverage JavaScript for adding dynamic behavior, form validation, element manipulation, and the development of single-page web applications. By emphasizing hands-on learning and real-world use-cases, participants will be better prepared to apply JavaScript effectively in their own web development projects.

Organised By
Digital Learning Hub Luxembourg
Digital Learning Hub Luxembourg
Certification
Participation Only
Prerequisites

Notions of HTML


Planning and location
Session 1
03/05/2025 - Saturday
08:30 - 12:30
Session 2
10/05/2025 - Saturday
08:30 - 12:30
Session 3
17/05/2025 - Saturday
08:30 - 12:30
Session 4
24/05/2025 - Saturday
08:30 - 12:30
ESCO Skills
ESCO Occupations
Available Edition(s):

https://www.dlh.lu/web/image/product.template/1646/image_1920?unique=c8de25f

This combination does not exist.

64.00 € 64.0 EUR 64.00 €

64.00 €

Not Available For Sale

Your trainer(s) for this course
Vanessa AL DAHAM