SlideShare uma empresa Scribd logo
1 de 6
Baixar para ler offline
YMC Season 4 - Day6
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.

Mais conteúdo relacionado

Mais procurados

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
 

Mais procurados (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
 

Destaque

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
 

Destaque (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
 

Mais 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
 

Mais 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
 

Último

IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Último (20)

IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

YMC Season 4 - Day6

  • 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.