Introduction to HTML, CSS, and Javascript

Oct 9, 20200 likes478 views

This document provides an introduction to HTML, CSS, and JavaScript. It begins with explaining how client-side and server-side code works. It then defines HTML as the standard markup language for web pages and lists some commonly used HTML tags. CSS is introduced as the style sheet language used to describe the presentation of HTML documents. JavaScript is explained as the programming language used to create interactive effects in web browsers. The document concludes by covering JavaScript syntax like variables, functions, and some common methods.

INTRODUCTION TO
HTML, CSS, JS
Agustinus Theodorus

HELLO!
Agustinus Theodorus
IT Architect and Web Services Staff at Bina Nusantara
IT Division

HOW DOES CLIENT SIDE & SERVER SIDE WORK?
Web
Server
Web BrowserInternet
HTTP Request
HTTP Response

INTRODUCTION TO
HTML
Agustinus Theodorus

WHAT IS HTML?
Hypertext Markup Language
is the standard markup language for documents designed to be displayed in a web browser.

COMMONLY USED HTML TAGS
<p>…</p>
<br />
<h1>…</h1>
<!--…-->
<ol>…</ol>
<ul>…</ul>
<img />
<a>…</a>
<table>…</table>

Most read

object.checked
Used to get the Boolean in a <input type=“radio”> or <input type=“checkbox”>.
.checked

object.innerHTML
Used to get or modify the value of HTML tags, i.e: (<div>, < p>, <span>, etc..)
.innerHTML

object.substring(start index, end index)
Used to get the part of string in object value.
.substring

testString.test(string)
Used to check if the string contains testString.
.test

WHAT IS CSS?
Cascading Style Sheets
is a style sheet language used for describing the presentation of a document written in a markup language like
HTML.

INTRODUCTION TO
JAVASCRIPT
Agustinus Theodorus

WHAT IS JAVASCRIPT?
Ja-va-Script
ˈjävəskript,ˈjavə-/
noun
an object-oriented computer programming language commonly used to create interactive effects within web
browsers.

HOW DOES JAVASCRIPT WORK?
A brief explanation of Client Side and Server Side.
▪ Client Side 🡪 script is run on client’s browser, and doesn’t need web server to run.
▪ Server Side 🡪 script is processed on a web server, and is served back at the user to generate a dynamic html
page for the client.

HOW DOES JAVASCRIPT WORK?
Web
Server
Web Browser
(Client Side JS is
processed here)

HOW DO WE APPLY JAVASCRIPT?
▪ There are 3 ways to apply Javascript in your web app:
▪ Internal JavaScript
Written in the .html file within the script tag
<script>
function sayHiConsoleLog()
{
var button = document.getElementById(‘helloBtn’);
button.onclick = function () {
console.log(‘Hello World’);
}
}
</script>
▪ External JavaScript
Written in a external .js file
<script src="script.js"></script>
▪ Inline JavaScript handlers
Written inline in html tags (script here usually calls functions)
<button onclick=“sayHiConsoleLog()">Click me!</button>

var , let , & const;
The variables used in javascript are dynamic.
Variables in Javascript

function(){
console.log(‘I am a function’);
}
Javascript Functions

alert(object)
To show an alert containing the value of the object.
alert

console.log(object)
To log the value of the object in the console.
console.log

object.getElementById(‘name of element’)
Used to get a HTML element by their Id as an object
.getElementById

object.onclick
Used to add a trigger event on a object.
.onclick

object.value
Used to get the value of input tags (<input>).
.value

object.length
Used to get the length of a object.
.length

JavaScript is a client-side scripting language that is commonly used to create dynamic and interactive effects on web pages. It resides in the browser and is used to enhance user interfaces and experiences on websites. JavaScript code is made up of statements that are written within script tags. Functions are blocks of code in JavaScript that perform specific tasks, and variables are used to store and retrieve values. jQuery is a JavaScript library that simplifies client-side scripting by using CSS selectors and providing methods to easily manipulate HTML elements and run animations. Both JavaScript and jQuery code is typically linked from the HTML head or an external .js file and placed above other scripts.

Intro to jQueryShawn Calvert

This document provides an introduction to JavaScript and jQuery. It defines JavaScript as a scripting language used to create dynamic and interactive web pages and applications. It resides in the browser rather than on the server. JavaScript uses functions to organize code into well-defined, reusable tasks. Functions are executed when events occur or when called from other scripts. The document also defines jQuery as a JavaScript library that simplifies client-side scripting with HTML through its selector engine and methods. jQuery code is linked in the page head or an external file below CSS but above other scripts.

Html / CSS PresentationShawn Calvert

HTML, CSS And JAVASCRIPT!Syahmi RH

In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers". This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels. 1) Easy to understand. 2) Comments are included to make you understand better! 3) Ready to go for any presentation. 4) Full of informations 5) Small but powerful What makes it interesting? - These languages are used in every websites on the internet. Why them? - Seek for yourself in the slide

Introduction of Html/css/jsKnoldus Inc.

Web Development Basics: HOW TO in HTMLDer Lo

HTML is a markup language used to define the structure and layout of web pages. It uses tags like <html> and <body> to mark elements in a document like headings, paragraphs, and links. Tags have start and end tags like <p> and </p> to delineate content. CSS can be used to style HTML elements by specifying rules that are applied using the style attribute, <style> element, or external CSS files. Basic HTML tags include those for headings, paragraphs, bold, italics, underlining, links, images, and buttons. HTML documents are edited in text editors and browsers use the tags to render and display the structured content.

Introduction to html & csssesharao puvvada

This document covers topics related to frontend web development including HTML5, CSS3, JavaScript, and jQuery. It discusses different types of web and mobile applications, as well as technologies and frameworks. The document then goes into detail about HTML document structure, various HTML elements like headings, paragraphs, links and images, using CSS for styling, CSS selectors, block and inline elements, and the CSS box model. It also covers HTML links, lists, and input elements.

Html,javascript & cssPredhin Sapru

This document provides an overview of HTML, CSS, and JavaScript for web development. It discusses the basics of each technology, how they work together, and includes the following key points: - HTML is the markup language that defines the structure and content of a web page. CSS is used to style and lay out elements on the page. JavaScript adds interactive functionality. - Events, functions, and variables are important JavaScript concepts. Events trigger actions, functions contain reusable code, and variables store and retrieve data. - CSS selectors allow styling elements by type, class, ID, and other attributes. The box model, positioning, and other properties control layout. - Common debugging tools like Firebug help

Intro to HTML, CSS & JS - Internship Presentation Week-3Devang Garach

The document provides an agenda and details for a weekly presentation during a training program on information technology. The presentation covers HTML, CSS, and JavaScript. It defines HTML and the differences between HTML4 and HTML5. It describes the HTML5 structure and semantic elements. It also defines CSS and why it is used, CSS selectors and syntax, the box model, CSS units, and different types of JavaScript functions.

html-cssDhirendra Chauhan

CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of a document written in HTML or XML. CSS saves lots of work as formatting elements only need to be applied to one CSS file rather than individually formatting every HTML page. CSS rules consist of selectors that point to the HTML element to style paired with a declaration block containing CSS properties and values to determine how that element will look. Common CSS properties include those to control text formatting, background effects, borders, lists, links and positioning.

Frontend Crash Course: HTML and CSSThinkful

This document provides an overview of an HTML and CSS crash course, including: - Introductions and goals of learning frontend development concepts - Explanations of HTML tags, elements, and attributes - Explanations of CSS selectors, properties, values, and basic layout techniques - Examples and drills for applying HTML and CSS concepts - A positioning exercise for further practice with CSS layout The document guides students through building their first website and provides resources for continuing to learn frontend development on their own.

Intro to HTML and CSS basicsEliran Eliassy

This document provides an overview of HTML and CSS topics including: - A brief history of HTML and CSS standards from 1990 to present. - Descriptions of common HTML elements like <body>, <head>, <img>, <a>, and lists. - Explanations of CSS concepts like selectors, properties, units, positioning, and layout fundamentals. - Details on CSS topics like the box model, centering content, semantic HTML, and flexbox. The document serves as a course outline or reference for learning HTML and CSS fundamentals.

KMUTNB - Internet Programming 4/7phuphax

Span and Div tags in HTMLBiswadip Goswami

A quick guide to Css and java scriptAVINASH KUMAR

This document provides information about cascading style sheets (CSS). It discusses the different ways to apply stylesheets, including inline, embedded, and external stylesheets. It explains that CSS controls the layout, fonts, colors and overall appearance of web pages. CSS allows separation of design from content and makes pages load faster. The document also covers CSS syntax, selectors, properties and values. Common CSS selectors for HTML elements like headings, paragraphs and horizontal rules are listed along with their properties.

HTML CSS | Computer ScienceTransweb Global Inc

Html and cssSukrit Gupta

HTML and CSS are markup languages used to structure and style web pages. HTML is used to define the structure and semantics of content, while CSS handles the presentation and layout. Some key points covered include: - HTML stands for Hypertext Markup Language and uses tags to structure content into headings, paragraphs, lists etc. CSS is used to specify rules that control the presentation and formatting of HTML elements. - The box model is a fundamental concept in CSS that treats each HTML element as a box, including properties like margins, borders, padding and content. - Common CSS selectors include element selectors, class selectors, ID selectors and pseudo-classes. The specificity of selectors determines which styles

Web LayoutShawn Calvert

HTML/CSS/java Script/JqueryFAKHRUN NISHA

The document provides an overview of HTML, CSS, JavaScript and jQuery. It describes what each technology is, examples of common tags and syntax, and how they are used together. HTML is a markup language used to define the structure and layout of web pages using tags. CSS is used to style and lay out HTML elements, and can be linked externally or embedded internally or inline. JavaScript can be used to add interactive elements and dynamic behavior to HTML pages client-side. jQuery is a JavaScript library that simplifies tasks like HTML document traversal and manipulation, events, animations and Ajax.

Html JavaScript and CSSRadhe Krishna Rajan

The document provides background information on HTML, JavaScript, CSS, and their relationships. It discusses how SGML led to the creation of HTML by Tim Berners-Lee as a subset of SGML. Cascading Style Sheets (CSS) were later created to separate document structure from presentation. Extensible Markup Language (XML) further separated content from style. The document also covers the evolution of HTML versions and the creation of XHTML.

Html and css presentationumesh patil

HTML is used to create web documents and consists of text and markup tags to define structure, appearance, and hyperlinks. There are two types of tags: container tags define sections of text using start and end tags, and empty tags represent single occurrences like line breaks. CSS is used to style HTML documents and consists of rules with selectors and declarations specifying properties and values to control styling. PHP is a widely used server-side scripting language with roots in C and C++ that is commonly used with MySQL, a popular open-source database, to create dynamic web applications.

Introduction to HTML and CSSFerdous Mahmud Shaon

This document summarizes a knowledge sharing session on HTML and CSS basics. It covers topics like HTML tags and structures, CSS rules and selectors, the CSS box model, positioning, sprites, and hacks for dealing with browser inconsistencies. The session introduced fundamental concepts for using HTML to structure content and CSS for styling and layout, providing examples for common tags, selectors, properties and techniques. It aimed to give attendees an overview of the core building blocks of HTML and CSS.

Introduction to HTMLAmit Tyagi

This document provides an introduction to HTML, including: - HTML is a markup language used to describe web pages - HTML tags are used to structure and layout content and are written with angle brackets - The basic HTML page structure includes the <head> for metadata and <body> for visible content - HTML elements can be styled using CSS with properties like display, position, float, and more - Common tags include headings, paragraphs, lists, links, and div containers to group and style blocks of content

Cascading Style Sheets - Part 02Hatem Mahmoud

JavaScript: Ajax & DOM Manipulationborkweb

How Cascading Style Sheets (CSS) WorksAmit Tyagi

CSS (Cascading Style Sheets) allows separation of document content from page layout/presentation. CSS was introduced to make web page design and modification easier. CSS properties control elements like text formatting, page layout, and color/images. CSS rules cascade from broad to specific with author styles overriding browser defaults. Common selectors target elements by ID, class, tag name or relationship.

Web 101OneDesignCompany

This document provides an introduction to HTML and CSS, the basic building blocks of web design. It explains that HTML is the markup language used to define the structure and content of a web page, while CSS is used to specify the visual styling and layout. The document outlines some key HTML elements and tags as well as the basic syntax of CSS selectors, properties, and values used to style HTML elements. It encourages using the browser's "Inspect Element" tool and CodePen to experiment with and learn HTML and CSS.

WT UNIT 2 presentation :client side technologies JavaScript And DomSrushtiGhise

JS BASICS JAVA SCRIPT SCRIPTINGArulkumar

More Related Content

What's hot (20)

Html,javascript & cssPredhin Sapru

Intro to HTML, CSS & JS - Internship Presentation Week-3Devang Garach

html-cssDhirendra Chauhan

Frontend Crash Course: HTML and CSSThinkful

Intro to HTML and CSS basicsEliran Eliassy

KMUTNB - Internet Programming 4/7phuphax

Span and Div tags in HTMLBiswadip Goswami

A quick guide to Css and java scriptAVINASH KUMAR

HTML CSS | Computer ScienceTransweb Global Inc

Html and cssSukrit Gupta

Web LayoutShawn Calvert

HTML/CSS/java Script/JqueryFAKHRUN NISHA

Html JavaScript and CSSRadhe Krishna Rajan

Html and css presentationumesh patil

Introduction to HTML and CSSFerdous Mahmud Shaon

Introduction to HTMLAmit Tyagi

Cascading Style Sheets - Part 02Hatem Mahmoud

JavaScript: Ajax & DOM Manipulationborkweb

How Cascading Style Sheets (CSS) WorksAmit Tyagi

Web 101OneDesignCompany

Html,javascript & cssPredhin Sapru

Intro to HTML, CSS & JS - Internship Presentation Week-3Devang Garach

html-cssDhirendra Chauhan

Frontend Crash Course: HTML and CSSThinkful

Intro to HTML and CSS basicsEliran Eliassy

KMUTNB - Internet Programming 4/7phuphax

Span and Div tags in HTMLBiswadip Goswami

A quick guide to Css and java scriptAVINASH KUMAR

HTML CSS | Computer ScienceTransweb Global Inc

Html and cssSukrit Gupta

Web LayoutShawn Calvert

HTML/CSS/java Script/JqueryFAKHRUN NISHA

Html JavaScript and CSSRadhe Krishna Rajan

Html and css presentationumesh patil

Introduction to HTML and CSSFerdous Mahmud Shaon

Introduction to HTMLAmit Tyagi

Cascading Style Sheets - Part 02Hatem Mahmoud

JavaScript: Ajax & DOM Manipulationborkweb

How Cascading Style Sheets (CSS) WorksAmit Tyagi

Web 101OneDesignCompany

Similar to Introduction to HTML, CSS, and Javascript (20)

WT UNIT 2 presentation :client side technologies JavaScript And DomSrushtiGhise

JS BASICS JAVA SCRIPT SCRIPTINGArulkumar

javascriptPresentation.pdfwildcat9335

Lecture 5 javascriptMujtaba Haider

This document outlines the objectives of a lecture on JavaScript. It will introduce JavaScript, including using script tags and linking external JavaScript files. It will cover JavaScript expressions, operators, functions, flow control, objects, arrays, the Document Object Model, forms, cookies and more. The lecture aims to provide an overview of the JavaScript language and how it is used for client-side scripting.

Lecture-15.pptxvishal choudhary

- JavaScript is a scripting language that allows dynamic and interactive features to be added to web pages. It runs in web browsers and is one of the core technologies of the World Wide Web. - JavaScript code can be added to HTML pages internally using <script> tags or externally by linking to .js files using <script src>. This code is then interpreted and run by the browser. - JavaScript allows variables to store values, operations on strings, running code in response to events, and more. It is a lightweight interpreted language rather than a compiled one like C++.

Introduction to Java script for web .pptxFahimMousa

Unit 4(it workshop)Dr.Lokesh Gagnani

The document provides an outline and introduction to JavaScript concepts including variables, functions, conditions, loops, pop-up boxes, objects, and the Document Object Model (DOM). It discusses tasks performed by client-side scripts like form validation, event handling, and dynamic page updates. It also compares client-side and server-side scripting, noting that client-side scripts execute on the browser and allow for interactivity but cannot access local files or databases.

JAVA SCRIPTGo4Guru

This document provides an introduction to JavaScript by explaining what it is, how it differs from Java, how it works within web browsers to make pages interactive, and some common uses of JavaScript including form validation and manipulating HTML elements. It discusses how JavaScript code is embedded in HTML pages and executed on the client-side, and provides some simple examples of JavaScript statements and using JavaScript with HTML forms.

Java script BasicJaya Kumari

Java scriptsanjay joshi

Java scriptumesh patil

javascript.pptMrsSChitradeviCommer

This document introduces JavaScript and provides an example "Hello World" script. It discusses that JavaScript is a client-side scripting language executed in browsers, not to be confused with the similar-sounding Java. The document then demonstrates including a basic JavaScript code within HTML using <script> tags, and explains how the Hello World script uses document.write() to output text on the page.

Java script how tojulian vega

Java script tutorialSon Nguyen

JavaScript adds interactivity and functionality to websites. It responds to user interactions like clicks and key presses to change HTML and CSS dynamically. JavaScript can be embedded inline within HTML tags, internally using <script> tags, or externally by linking to .js files. Common uses of inline JavaScript include onclick attributes, while internal and external JavaScript are better for multiple elements or reusable code across pages. More extensive training is available to learn JavaScript further.

Chapter 3 INTRODUCTION TO JAVASCRIPT S.pptxKelemAlebachew

Javascript session 1Muhammad Ehtisham Siddiqui

The document provides an introduction to JavaScript, including: - An overview of scripting and how it allows dynamic web pages - An explanation of JavaScript as a client-side scripting language that provides interactivity - Details on variables, functions, and methods in JavaScript for displaying information - A discussion of events and event handling in JavaScript - An example case of validating user inputs and calculating totals for an online shopping site The presentation provides code examples and explanations to demonstrate JavaScript concepts.

L08IntroToJavaScript.pptictlab3

Tech Winter Break GDG Oncampus Sri Vasavi Engineering Collegeumar630934

JavaScript (1).pptdffdfvdfvfvfvfefwefedfesgg86953

JavaScript_III.pptxrashmiisrani1

This document provides an overview of JavaScript, including: - JavaScript is not related to Java and was originally called LiveScript. - JavaScript code is run in web browsers by an interpreter built into the browser, not on servers. - JavaScript can be used to add interactivity to HTML pages by including <script> tags and running code when pages load or in response to user events. - JavaScript functions and variables can be defined and used to manipulate the DOM and handle user interactions.

WT UNIT 2 presentation :client side technologies JavaScript And DomSrushtiGhise

JS BASICS JAVA SCRIPT SCRIPTINGArulkumar

javascriptPresentation.pdfwildcat9335

Lecture 5 javascriptMujtaba Haider

Lecture-15.pptxvishal choudhary

Introduction to Java script for web .pptxFahimMousa

Unit 4(it workshop)Dr.Lokesh Gagnani

JAVA SCRIPTGo4Guru

Java script BasicJaya Kumari

Java scriptsanjay joshi

Java scriptumesh patil

javascript.pptMrsSChitradeviCommer

Java script how tojulian vega

Java script tutorialSon Nguyen

Chapter 3 INTRODUCTION TO JAVASCRIPT S.pptxKelemAlebachew

Javascript session 1Muhammad Ehtisham Siddiqui

L08IntroToJavaScript.pptictlab3

Tech Winter Break GDG Oncampus Sri Vasavi Engineering Collegeumar630934

JavaScript (1).pptdffdfvdfvfvfvfefwefedfesgg86953

JavaScript_III.pptxrashmiisrani1

More from Agustinus Theodorus (7)

DSC - Shared Preferences and RoomAgustinus Theodorus

DSC - Recycle View, DiffUtil and many other thingsAgustinus Theodorus

DSC - Recycle View, DiffUtil and many other things (Slides)Agustinus Theodorus

Flutter Dev 2019Agustinus Theodorus

Introduction to Android (With a UI/UX Case Study)Agustinus Theodorus

Introduction to Java (and object-oriented programming)Agustinus Theodorus

Git WorkshopAgustinus Theodorus

The document provides an overview of common Git commands used for managing code repositories. It explains how to view and set remote repositories with git remote, download updates from remotes with git fetch, integrate changes with git pull, clone repositories with git clone, stage files with git add, check the status with git status, commit changes locally with git commit, and push commits to remote repositories with git push. A QR code is also included to access the presentation slides.

DSC - Shared Preferences and RoomAgustinus Theodorus

DSC - Recycle View, DiffUtil and many other thingsAgustinus Theodorus

DSC - Recycle View, DiffUtil and many other things (Slides)Agustinus Theodorus

Flutter Dev 2019Agustinus Theodorus

Introduction to Android (With a UI/UX Case Study)Agustinus Theodorus

Introduction to Java (and object-oriented programming)Agustinus Theodorus

Git WorkshopAgustinus Theodorus

Recently uploaded (20)

Cybersecurity Fundamentals: Apprentice - Palo Alto CertificateVICTOR MAESTRE RAMIREZ

Dev Dives: System-to-system integration with UiPath API WorkflowsUiPathCommunity

Join the next Dev Dives webinar on May 29 for a first contact with UiPath API Workflows, a powerful tool purpose-fit for API integration and data manipulation! This session will guide you through the technical aspects of automating communication between applications, systems and data sources using API workflows. 📕 We'll delve into: - How this feature delivers API integration as a first-party concept of the UiPath Platform. - How to design, implement, and debug API workflows to integrate with your existing systems seamlessly and securely. - How to optimize your API integrations with runtime built for speed and scalability. This session is ideal for developers looking to solve API integration use cases with the power of the UiPath Platform. 👨‍🏫 Speakers: Gunter De Souter, Sr. Director, Product Manager @UiPath Ramsay Grove, Product Manager @UiPath This session streamed live on May 29, 2025, 16:00 CET. Check out all our upcoming UiPath Dev Dives sessions: 👉 https://community.uipath.com/dev-dives-automation-developer-2025/

Palo Alto Networks Cybersecurity FoundationVICTOR MAESTRE RAMIREZ

Droidal: AI Agents Revolutionizing HealthcareDroidal LLC

Droidal’s AI Agents are transforming healthcare by bringing intelligence, speed, and efficiency to key areas such as Revenue Cycle Management (RCM), clinical operations, and patient engagement. Built specifically for the needs of U.S. hospitals and clinics, Droidal's solutions are designed to improve outcomes and reduce administrative burden. Through simple visuals and clear examples, the presentation explains how AI Agents can support medical coding, streamline claims processing, manage denials, ensure compliance, and enhance communication between providers and patients. By integrating seamlessly with existing systems, these agents act as digital coworkers that deliver faster reimbursements, reduce errors, and enable teams to focus more on patient care. Droidal's AI technology is more than just automation — it's a shift toward intelligent healthcare operations that are scalable, secure, and cost-effective. The presentation also offers insights into future developments in AI-driven healthcare, including how continuous learning and agent autonomy will redefine daily workflows. Whether you're a healthcare administrator, a tech leader, or a provider looking for smarter solutions, this presentation offers a compelling overview of how Droidal’s AI Agents can help your organization achieve operational excellence and better patient outcomes. A free demo trial is available for those interested in experiencing Droidal’s AI Agents firsthand. Our team will walk you through a live demo tailored to your specific workflows, helping you understand the immediate value and long-term impact of adopting AI in your healthcare environment. To request a free trial or learn more: https://droidal.com/

Cognitive Chasms - A Typology of GenAI Failure Failure ModesDr. Tathagat Varma

Multistream in SIP and NoSIP @ OpenSIPS Summit 2025Lorenzo Miniero

Slides for my "Multistream support in the Janus SIP and NoSIP plugins" presentation at the OpenSIPS Summit 2025 event. They describe my efforts refactoring the Janus SIP and NoSIP plugins to allow for the gatewaying of an arbitrary number of audio/video streams per call (thus breaking the current 1-audio/1-video limitation), plus some additional considerations on what this could mean when dealing with application protocols negotiated via SIP as well.

Let’s Get Slack Certified! 🚀- Slack CommunitySanjeetMishra29

Nix(OS) for Python Developers - PyCon 25 (Bologna, Italia)Peter Bittner

How do you onboard new colleagues in 2025? How long does it take? Would you love a standardized setup under version control that everyone can customize for themselves? A stable desktop setup, reinstalled in just minutes. It can be done. This talk was given in Italian, 29 May 2025, at PyCon 25, Bologna, Italy. All slides are provided in English. Original slides at https://slides.com/bittner/pycon25-nixos-for-python-developers

SDG 9000 Series: Unleashing multigigabit everywhereAdtran

Dr Jimmy Schwarzkopf presentation on the SUMMIT 2025 ADr. Jimmy Schwarzkopf

Introduction and Background: Study Overview and Methodology: The study analyzes the IT market in Israel, covering over 160 markets and 760 companies/products/services. It includes vendor rankings, IT budgets, and trends from 2025-2029. Vendors participate in detailed briefings and surveys. Vendor Listings: The presentation lists numerous vendors across various pages, detailing their names and services. These vendors are ranked based on their participation and market presence. Market Insights and Trends: Key insights include IT market forecasts, economic factors affecting IT budgets, and the impact of AI on enterprise IT. The study highlights the importance of AI integration and the concept of creative destruction. Agentic AI and Future Predictions: Agentic AI is expected to transform human-agent collaboration, with AI systems understanding context and orchestrating complex processes. Future predictions include AI's role in shopping and enterprise IT.

AI Emotional Actors: “When Machines Learn to Feel and Perform"AkashKumar809858

Grannie’s Journey to Using Healthcare AI ExperiencesLauren Parr

Microsoft Build 2025 takeaways in one presentationDigitalmara

Microsoft Build 2025 introduced significant updates. Everything revolves around AI. DigitalMara analyzed these announcements: • AI enhancements for Windows 11 By embedding AI capabilities directly into the OS, Microsoft is lowering the barrier for users to benefit from intelligent automation without requiring third-party tools. It's a practical step toward improving user experience, such as streamlining workflows and enhancing productivity. However, attention should be paid to data privacy, user control, and transparency of AI behavior. The implementation policy should be clear and ethical. • GitHub Copilot coding agent The introduction of coding agents is a meaningful step in everyday AI assistance. However, it still brings challenges. Some people compare agents with junior developers. They noted that while the agent can handle certain tasks, it often requires supervision and can introduce new issues. This innovation holds both potential and limitations. Balancing automation with human oversight is crucial to ensure quality and reliability. • Introduction of Natural Language Web NLWeb is a significant step toward a more natural and intuitive web experience. It can help users access content more easily and reduce reliance on traditional navigation. The open-source foundation provides developers with the flexibility to implement AI-driven interactions without rebuilding their existing platforms. NLWeb is a promising level of web interaction that complements, rather than replaces, well-designed UI. • Introduction of Model Context Protocol MCP provides a standardized method for connecting AI models with diverse tools and data sources. This approach simplifies the development of AI-driven applications, enhancing efficiency and scalability. Its open-source nature encourages broader adoption and collaboration within the developer community. Nevertheless, MCP can face challenges in compatibility across vendors and security in context sharing. Clear guidelines are crucial. • Windows Subsystem for Linux is open-sourced It's a positive step toward greater transparency and collaboration in the developer ecosystem. The community can now contribute to its evolution, helping identify issues and expand functionality faster. However, open-source software in a core system also introduces concerns around security, code quality management, and long-term maintenance. Microsoft’s continued involvement will be key to ensuring WSL remains stable and secure. • Azure AI Foundry platform hosts Grok 3 AI models Adding new models is a valuable expansion of AI development resources available at Azure. This provides developers with more flexibility in choosing language models that suit a range of application sizes and needs. Hosting on Azure makes access and integration easier when using Microsoft infrastructure.

Offshore IT Support: Balancing In-House and Offshore Help Desk Techniciansjohn823664

In today's always-on digital environment, businesses must deliver seamless IT support across time zones, devices, and departments. This SlideShare explores how companies can strategically combine in-house expertise with offshore talent to build a high-performing, cost-efficient help desk operation. From the benefits and challenges of offshore support to practical models for integrating global teams, this presentation offers insights, real-world examples, and key metrics for success. Whether you're scaling a startup or optimizing enterprise support, discover how to balance cost, quality, and responsiveness with a hybrid IT support strategy. Perfect for IT managers, operations leads, and business owners considering global help desk solutions.

New Ways to Reduce Database Costs with ScyllaDBScyllaDB

How ScyllaDB’s latest capabilities can reduce your infrastructure costs ScyllaDB has been obsessed with price-performance from day 1. Our core database is architected with low-level engineering optimizations that squeeze every ounce of power from the underlying infrastructure. And we just completed a multi-year effort to introduce a set of new capabilities for additional savings. Join this webinar to learn about these new capabilities: the underlying challenges we wanted to address, the workloads that will benefit most from each, and how to get started. We’ll cover ways to: - Avoid overprovisioning with “just-in-time” scaling - Safely operate at up to ~90% storage utilization - Cut network costs with new compression strategies and file-based streaming We’ll also highlight a “hidden gem” capability that lets you safely balance multiple workloads in a single cluster. To conclude, we will share the efficiency-focused capabilities on our short-term and long-term roadmaps.

Maxx nft market place new generation nft marketing placeusersalmanrazdelhi

PREFACE OF MAXXNFT MaxxNFT: Powering the Future of Digital Ownership MaxxNFT is a cutting-edge Web3 platform designed to revolutionize how digital assets are owned, traded, and valued. Positioned at the forefront of the NFT movement, MaxxNFT views NFTs not just as collectibles, but as the next generation of internet equity—unique, verifiable digital assets that unlock new possibilities for creators, investors, and everyday users alike. Through strategic integrations with OKT Chain and OKX Web3, MaxxNFT enables seamless cross-chain NFT trading, improved liquidity, and enhanced user accessibility. These collaborations make it easier than ever to participate in the NFT ecosystem while expanding the platform’s global reach. With a focus on innovation, user rewards, and inclusive financial growth, MaxxNFT offers multiple income streams—from referral bonuses to liquidity incentives—creating a vibrant community-driven economy. Whether you ' re minting your first NFT or building a digital asset portfolio, MaxxNFT empowers you to participate in the future of decentralized value exchange. https://maxxnft.xyz/

Cyber security cyber security cyber security cyber security cyber security cy...pranavbodhak

ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....Jasper Oosterveld

Sensitivity labels, powered by Microsoft Purview Information Protection, serve as the foundation for classifying and protecting your sensitive data within Microsoft 365. Their importance extends beyond classification and play a crucial role in enforcing governance policies across your Microsoft 365 environment. Join me, a Data Security Consultant and Microsoft MVP, as I share practical tips and tricks to get the full potential of sensitivity labels. I discuss sensitive information types, automatic labeling, and seamless integration with Data Loss Prevention, Teams Premium, and Microsoft 365 Copilot.

Measuring Microsoft 365 Copilot and Gen AI SuccessNikki Chapple

Session | Measuring Microsoft 365 Copilot and Gen AI Success with Viva Insights and Purview Presenter | Nikki Chapple 2 x MVP and Principal Cloud Architect at CloudWay Event | European Collaboration Conference 2025 Format | In person Germany Date | 28 May 2025 📊 Measuring Copilot and Gen AI Success with Viva Insights and Purview Presented by Nikki Chapple – Microsoft 365 MVP & Principal Cloud Architect, CloudWay How do you measure the success—and manage the risks—of Microsoft 365 Copilot and Generative AI (Gen AI)? In this ECS 2025 session, Microsoft MVP and Principal Cloud Architect Nikki Chapple explores how to go beyond basic usage metrics to gain full-spectrum visibility into AI adoption, business impact, user sentiment, and data security. 🎯 Key Topics Covered: Microsoft 365 Copilot usage and adoption metrics Viva Insights Copilot Analytics and Dashboard Microsoft Purview Data Security Posture Management (DSPM) for AI Measuring AI readiness, impact, and sentiment Identifying and mitigating risks from third-party Gen AI tools Shadow IT, oversharing, and compliance risks Microsoft 365 Admin Center reports and Copilot Readiness Power BI-based Copilot Business Impact Report (Preview) 📊 Why AI Measurement Matters: Without meaningful measurement, organizations risk operating in the dark—unable to prove ROI, identify friction points, or detect compliance violations. Nikki presents a unified framework combining quantitative metrics, qualitative insights, and risk monitoring to help organizations: Prove ROI on AI investments Drive responsible adoption Protect sensitive data Ensure compliance and governance 🔍 Tools and Reports Highlighted: Microsoft 365 Admin Center: Copilot Overview, Usage, Readiness, Agents, Chat, and Adoption Score Viva Insights Copilot Dashboard: Readiness, Adoption, Impact, Sentiment Copilot Business Impact Report: Power BI integration for business outcome mapping Microsoft Purview DSPM for AI: Discover and govern Copilot and third-party Gen AI usage 🔐 Security and Compliance Insights: Learn how to detect unsanctioned Gen AI tools like ChatGPT, Gemini, and Claude, track oversharing, and apply eDLP and Insider Risk Management (IRM) policies. Understand how to use Microsoft Purview—even without E5 Compliance—to monitor Copilot usage and protect sensitive data. 📈 Who Should Watch: This session is ideal for IT leaders, security professionals, compliance officers, and Microsoft 365 admins looking to: Maximize the value of Microsoft Copilot Build a secure, measurable AI strategy Align AI usage with business goals and compliance requirements 🔗 Read the blog https://nikkichapple.com/measuring-copilot-gen-ai/

European Accessibility Act & Integrated Accessibility TestingJulia Undeutsch

Emma Dawson will guide you through two important topics in this session. Firstly, she will prepare you for the European Accessibility Act (EAA), which comes into effect on 28 June 2025, and show you how development teams can prepare for it. In the second part of the webinar, Emma Dawson will explore with you various integrated testing methods and tools that will help you improve accessibility during the development cycle, such as Linters, Storybook, Playwright, just to name a few. Focus: European Accessibility Act, Integrated Testing tools and methods (e.g. Linters, Storybook, Playwright) Target audience: Everyone, Developers, Testers

Cybersecurity Fundamentals: Apprentice - Palo Alto CertificateVICTOR MAESTRE RAMIREZ

Dev Dives: System-to-system integration with UiPath API WorkflowsUiPathCommunity

Palo Alto Networks Cybersecurity FoundationVICTOR MAESTRE RAMIREZ

Droidal: AI Agents Revolutionizing HealthcareDroidal LLC

Cognitive Chasms - A Typology of GenAI Failure Failure ModesDr. Tathagat Varma

Multistream in SIP and NoSIP @ OpenSIPS Summit 2025Lorenzo Miniero

Let’s Get Slack Certified! 🚀- Slack CommunitySanjeetMishra29

Nix(OS) for Python Developers - PyCon 25 (Bologna, Italia)Peter Bittner

SDG 9000 Series: Unleashing multigigabit everywhereAdtran

Dr Jimmy Schwarzkopf presentation on the SUMMIT 2025 ADr. Jimmy Schwarzkopf

AI Emotional Actors: “When Machines Learn to Feel and Perform"AkashKumar809858

Grannie’s Journey to Using Healthcare AI ExperiencesLauren Parr

Microsoft Build 2025 takeaways in one presentationDigitalmara

Offshore IT Support: Balancing In-House and Offshore Help Desk Techniciansjohn823664

New Ways to Reduce Database Costs with ScyllaDBScyllaDB

Maxx nft market place new generation nft marketing placeusersalmanrazdelhi

Cyber security cyber security cyber security cyber security cyber security cy...pranavbodhak

ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....Jasper Oosterveld

Measuring Microsoft 365 Copilot and Gen AI SuccessNikki Chapple

European Accessibility Act & Integrated Accessibility TestingJulia Undeutsch

Introduction to HTML, CSS, and Javascript

1. INTRODUCTION TO HTML, CSS, JS Agustinus Theodorus

2. HELLO! Agustinus Theodorus IT Architect and Web Services Staff at Bina Nusantara IT Division

3. HOW DOES CLIENT SIDE & SERVER SIDE WORK? Web Server Web BrowserInternet HTTP Request HTTP Response

4. INTRODUCTION TO HTML Agustinus Theodorus

5. WHAT IS HTML? Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser.

6. COMMONLY USED HTML TAGS <p>…</p> <br /> <h1>…</h1>  <ol>…</ol> <ul>…</ul> <img /> <a>…</a> <table>…</table>

7. INTRODUCTION TO CSS Agustinus Theodorus

8. WHAT IS CSS? Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML.

9. LET’S CODE CSS!

10. INTRODUCTION TO JAVASCRIPT Agustinus Theodorus

11. WHAT IS JAVASCRIPT? Ja-va-Script ˈjävəskript,ˈjavə-/ noun an object-oriented computer programming language commonly used to create interactive effects within web browsers.

12. HOW DOES JAVASCRIPT WORK? A brief explanation of Client Side and Server Side. ▪ Client Side 🡪 script is run on client’s browser, and doesn’t need web server to run. ▪ Server Side 🡪 script is processed on a web server, and is served back at the user to generate a dynamic html page for the client.

13. HOW DOES JAVASCRIPT WORK? Web Server Web Browser (Client Side JS is processed here)

14. HOW DO WE APPLY JAVASCRIPT? ▪ There are 3 ways to apply Javascript in your web app: ▪ Internal JavaScript Written in the .html file within the script tag <script> function sayHiConsoleLog() { var button = document.getElementById(‘helloBtn’); button.onclick = function () { console.log(‘Hello World’); } } </script> ▪ External JavaScript Written in a external .js file <script src="script.js"></script> ▪ Inline JavaScript handlers Written inline in html tags (script here usually calls functions) <button onclick=“sayHiConsoleLog()">Click me!</button>

15. LET’S LEARN SYNTAX!

16. BUT BEFORE THAT..

17. var , let , & const; The variables used in javascript are dynamic. Variables in Javascript

18. function(){ console.log(‘I am a function’); } Javascript Functions

19. alert(object) To show an alert containing the value of the object. alert

20. console.log(object) To log the value of the object in the console. console.log

21. object.getElementById(‘name of element’) Used to get a HTML element by their Id as an object .getElementById

22. object.onclick Used to add a trigger event on a object. .onclick

23. object.value Used to get the value of input tags (<input>). .value

24. object.length Used to get the length of a object. .length

25. object.checked Used to get the Boolean in a <input type=“radio”> or <input type=“checkbox”>. .checked

26. object.innerHTML Used to get or modify the value of HTML tags, i.e: (<div>, < p>, <span>, etc..) .innerHTML

27. object.substring(start index, end index) Used to get the part of string in object value. .substring

28. testString.test(string) Used to check if the string contains testString. .test

29. EXERCISES ▪ File : form registrasi.html

Introduction to HTML, CSS, and Javascript

Recommended

More Related Content

What's hot (20)

Similar to Introduction to HTML, CSS, and Javascript (20)

More from Agustinus Theodorus (7)

Recently uploaded (20)

Introduction to HTML, CSS, and Javascript