SlideShare une entreprise Scribd logo
1  sur  6
The programming language of the web browser.
HTML – tells the browser what
something is

CSS – tells the browser how
something should appear

Javascript – tells the browser
how something should behave
(including the browser itself!)
And some key concepts about
programming in general –

Variables, Arrays, Functions
OH MY!
What is a Javascript Library?

Where do we find them?

How do we include them into
our projects?

How do we implement them?
The trials and tribulations of arranging HTML
elements in the browser.

Contenu connexe

Tendances

Introduction to html & css
Introduction to html & cssIntroduction to html & css
Introduction to html & csssesharao puvvada
 
Introduction to Jquery
Introduction to JqueryIntroduction to Jquery
Introduction to JqueryGurpreet singh
 
Why You Need a Front End Developer
Why You Need a Front End DeveloperWhy You Need a Front End Developer
Why You Need a Front End DeveloperMike Wilcox
 
Intro to Ruby on Rails
Intro to Ruby on RailsIntro to Ruby on Rails
Intro to Ruby on Railsrschmukler
 
Understand front end developer
Understand front end developerUnderstand front end developer
Understand front end developerHsuan Fu Lien
 
Front-end Tools: Sifting Through the Madness
 Front-end Tools: Sifting Through the Madness Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the MadnessFITC
 
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the MadnessFront-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the MadnessFITC
 
Web Building Blocks
Web Building BlocksWeb Building Blocks
Web Building Blocksjoegilbert
 
Extreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStart
Extreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStartExtreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStart
Extreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStartScott DeLoach
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianMagnolia
 
Introduction to web compoents
Introduction to web compoentsIntroduction to web compoents
Introduction to web compoentsRan Wahle
 
An overview of JavaScript
An overview of JavaScriptAn overview of JavaScript
An overview of JavaScriptPoluru S
 
Front-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewFront-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewDiacode
 

Tendances (17)

Introduction to html & css
Introduction to html & cssIntroduction to html & css
Introduction to html & css
 
Introduction to Jquery
Introduction to JqueryIntroduction to Jquery
Introduction to Jquery
 
Why You Need a Front End Developer
Why You Need a Front End DeveloperWhy You Need a Front End Developer
Why You Need a Front End Developer
 
Intro to Ruby on Rails
Intro to Ruby on RailsIntro to Ruby on Rails
Intro to Ruby on Rails
 
Understand front end developer
Understand front end developerUnderstand front end developer
Understand front end developer
 
Front-end Tools: Sifting Through the Madness
 Front-end Tools: Sifting Through the Madness Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
 
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the MadnessFront-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
 
Rubyandrails
RubyandrailsRubyandrails
Rubyandrails
 
Web Building Blocks
Web Building BlocksWeb Building Blocks
Web Building Blocks
 
Extreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStart
Extreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStartExtreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStart
Extreme CSS Techniques - MadWorld Europe 2018, Scott DeLoach, ClickStart
 
Javascript
JavascriptJavascript
Javascript
 
GCC 11-13-15
GCC 11-13-15GCC 11-13-15
GCC 11-13-15
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at Atlassian
 
Javascript
JavascriptJavascript
Javascript
 
Introduction to web compoents
Introduction to web compoentsIntroduction to web compoents
Introduction to web compoents
 
An overview of JavaScript
An overview of JavaScriptAn overview of JavaScript
An overview of JavaScript
 
Front-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewFront-End Frameworks: a quick overview
Front-End Frameworks: a quick overview
 

En vedette

YMC Season 4 - Day2
YMC Season 4 - Day2YMC Season 4 - Day2
YMC Season 4 - Day2theymc
 
YMC Season 4 - Day1
YMC Season 4 - Day1YMC Season 4 - Day1
YMC Season 4 - Day1theymc
 
MobiCartel - An Introduction to the Mobile Space
MobiCartel - An Introduction to the Mobile SpaceMobiCartel - An Introduction to the Mobile Space
MobiCartel - An Introduction to the Mobile Spacetheymc
 
SMB Seattle - Offline WOM by Saul Colt
SMB Seattle - Offline WOM by Saul ColtSMB Seattle - Offline WOM by Saul Colt
SMB Seattle - Offline WOM by Saul ColtSMB Seattle
 
New Madison Ave: Marketing, Creative & Data Technologists
New Madison Ave: Marketing, Creative & Data TechnologistsNew Madison Ave: Marketing, Creative & Data Technologists
New Madison Ave: Marketing, Creative & Data TechnologistsNew Madison Ave
 
Creativity4Money
Creativity4MoneyCreativity4Money
Creativity4Moneyguest365579
 
My City Lives: The Science of Startups
My City Lives: The Science of StartupsMy City Lives: The Science of Startups
My City Lives: The Science of Startupstheymc
 

En vedette (7)

YMC Season 4 - Day2
YMC Season 4 - Day2YMC Season 4 - Day2
YMC Season 4 - Day2
 
YMC Season 4 - Day1
YMC Season 4 - Day1YMC Season 4 - Day1
YMC Season 4 - Day1
 
MobiCartel - An Introduction to the Mobile Space
MobiCartel - An Introduction to the Mobile SpaceMobiCartel - An Introduction to the Mobile Space
MobiCartel - An Introduction to the Mobile Space
 
SMB Seattle - Offline WOM by Saul Colt
SMB Seattle - Offline WOM by Saul ColtSMB Seattle - Offline WOM by Saul Colt
SMB Seattle - Offline WOM by Saul Colt
 
New Madison Ave: Marketing, Creative & Data Technologists
New Madison Ave: Marketing, Creative & Data TechnologistsNew Madison Ave: Marketing, Creative & Data Technologists
New Madison Ave: Marketing, Creative & Data Technologists
 
Creativity4Money
Creativity4MoneyCreativity4Money
Creativity4Money
 
My City Lives: The Science of Startups
My City Lives: The Science of StartupsMy City Lives: The Science of Startups
My City Lives: The Science of Startups
 

Plus de theymc

YMC Season 4 - Day9
YMC Season 4 - Day9YMC Season 4 - Day9
YMC Season 4 - Day9theymc
 
Saul Colt on Word of Mouth Marketing
Saul Colt on Word of Mouth MarketingSaul Colt on Word of Mouth Marketing
Saul Colt on Word of Mouth Marketingtheymc
 
Jet Cooper: UX In Real Life
Jet Cooper: UX In Real LifeJet Cooper: UX In Real Life
Jet Cooper: UX In Real Lifetheymc
 
YMC Season 4 - Day8
YMC Season 4 - Day8YMC Season 4 - Day8
YMC Season 4 - Day8theymc
 
YMC Season 4 - Day7
YMC Season 4 - Day7YMC Season 4 - Day7
YMC Season 4 - Day7theymc
 
The Biz Media: Video
The Biz Media: VideoThe Biz Media: Video
The Biz Media: Videotheymc
 
YMC Season 4 - Day5
YMC Season 4 - Day5YMC Season 4 - Day5
YMC Season 4 - Day5theymc
 
YMC Season 4 - Day3
YMC Season 4 - Day3YMC Season 4 - Day3
YMC Season 4 - Day3theymc
 

Plus de theymc (8)

YMC Season 4 - Day9
YMC Season 4 - Day9YMC Season 4 - Day9
YMC Season 4 - Day9
 
Saul Colt on Word of Mouth Marketing
Saul Colt on Word of Mouth MarketingSaul Colt on Word of Mouth Marketing
Saul Colt on Word of Mouth Marketing
 
Jet Cooper: UX In Real Life
Jet Cooper: UX In Real LifeJet Cooper: UX In Real Life
Jet Cooper: UX In Real Life
 
YMC Season 4 - Day8
YMC Season 4 - Day8YMC Season 4 - Day8
YMC Season 4 - Day8
 
YMC Season 4 - Day7
YMC Season 4 - Day7YMC Season 4 - Day7
YMC Season 4 - Day7
 
The Biz Media: Video
The Biz Media: VideoThe Biz Media: Video
The Biz Media: Video
 
YMC Season 4 - Day5
YMC Season 4 - Day5YMC Season 4 - Day5
YMC Season 4 - Day5
 
YMC Season 4 - Day3
YMC Season 4 - Day3YMC Season 4 - Day3
YMC Season 4 - Day3
 

Dernier

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 

Dernier (20)

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 

YMC Season 4 - Day6

  • 1.
  • 2. The programming language of the web browser.
  • 3. HTML – tells the browser what something is CSS – tells the browser how something should appear Javascript – tells the browser how something should behave (including the browser itself!)
  • 4. And some key concepts about programming in general – Variables, Arrays, Functions OH MY!
  • 5. What is a Javascript Library? Where do we find them? How do we include them into our projects? How do we implement them?
  • 6. The trials and tribulations of arranging HTML elements in the browser.