SlideShare a Scribd company logo
1 of 16
Download to read offline
<HACKASAURUS>	
  
Learn	
  HTML	
  and	
  CSS	
  
	
  
Learn	
  more	
  about	
  STEM	
  	
  
	
  
Remix	
  websites	
  from	
  the	
  web	
  
GOALS	
  
Science	
  
Technology	
  
Engineering	
  
Math	
  
GOALS	
  
PARTICIPANTS	
  
	
  
MOUSE	
  	
  
	
  
TASC	
  
	
  
HACKASAURUS/	
  HIVE	
  (introducHon	
  from	
  Omar	
  and	
  Youssef)	
  
	
  	
  
hKp://hackasaurus.org/en-­‐US/	
  
INTRODUCTIONS	
  
What	
  is	
  meant	
  by	
  the	
  term	
  hack?	
  
	
  
Why	
  is	
  learning	
  about	
  the	
  web	
  and	
  hacking	
  important?	
  
	
  
What	
  exactly	
  is	
  a	
  hack	
  jam?	
  
	
  
Who	
  created	
  Hackasaurus?	
  
	
  
What	
  happens	
  when	
  hack	
  jam	
  parHcipants	
  publish	
  their	
  hacked	
  
webpages	
  online?	
  
	
  
What	
  is	
  HTML	
  and	
  CSS?	
  
	
  
QuesHons	
  
Hack	
  	
  
	
  
1.  To	
  cut	
  or	
  chop	
  with	
  repeated	
  
and	
  irregular	
  blows	
  
2.  To	
  break	
  up	
  the	
  surface	
  of	
  (soil).	
  
	
  
3.  To	
  alter	
  (a	
  computer	
  program):	
  
hacked	
  her	
  text	
  editor	
  to	
  read	
  
HTML.	
  
	
  
4.  To	
  gain	
  access	
  to	
  (a	
  computer	
  
file	
  or	
  network)	
  illegally	
  or	
  
without	
  authorizaHon:	
  hacked	
  
the	
  firm's	
  personnel	
  database.	
  
DefiniHon	
  from	
  The	
  Free	
  DicHonary:	
  	
  
hKp://www.thefreedicHonary.com/hacking	
  
Hack	
  a	
  dance	
  move!	
  
ELEMENTS:	
  
	
  
	
  I	
  can	
  <em>	
  hear</em>	
  you!	
  	
  
	
  
ATTRIBUTE:	
  	
  
	
  
<a	
  href=“hAp://wikipedia.org”>Wikipedia</a>	
  is	
  cool.	
  	
  
	
  
NO	
  CLOSING	
  TAG:	
  	
  
	
  
<img	
  src=“hAp://seriouscat.com/serious_cat_is_serious.jpg”>	
  	
  
	
  
NESTING:	
  a	
  href=“hAp://en.wikipedia.org/wiki/Lolcat”>	
  
<img	
  src=”hAp://seriouscat.com/serious_cat_is_serious.jpg”>	
  	
  
</a>	
  
	
  
FULL	
  LIST	
  HERE:	
  hKps://developer.mozilla.org/en/HTML/Element	
  
HTML	
  
STYLE	
  ATTRIBUTE:	
  	
  
I	
  can	
  <em	
  style=“color:	
  red”>hear</em>	
  you!	
  	
  
	
  
SEMICOLONS:	
  	
  
I	
  can	
  <em	
  style=“color:	
  red;	
  background:	
  pink”>hear</em>	
  you!	
  	
  
	
  
	
  
	
  
	
  
	
  
	
  
hKps://developer.mozilla.org/en/CSS_Reference	
  
	
  
CHEAT	
  SHEET	
  
CSS	
  
Macintosh:	
  	
  
	
  
Copy:	
  Command	
  +	
  C	
  
Paste:	
  Command	
  +	
  V	
  
	
  
	
  
PC:	
  
	
  
Copy:	
  CTRL	
  +	
  C	
  
Paste:	
  CTRL	
  +	
  V	
  
	
  
	
  
Copy	
  &	
  Paste	
  
 
	
  
<img	
  width="150"	
  height="150"	
  src="hKp://www.progeKodiogene.eu/DEV/wp-­‐
content/uploads/2011/02/tram04-­‐150x150.jpg"	
  class="aKachment-­‐thumbnail"	
  
alt="Tram	
  ProgeKo	
  Diogene"	
  Htle="Tram	
  ProgeKo	
  Diogene"	
  style="opacity:	
  1;	
  ">	
  
Images:	
  jpg,	
  png,	
  gif	
  
Install	
  
	
  
hKp://hackasaurus.org/en-­‐US/goggles/	
  
	
  
Cheat	
  sheets	
  
	
  
Demonstrate	
  
	
  
Before:	
  	
  
hKp://www.prospectpark.org/environment/wildlife	
  
	
  
Amer:	
  hKp://poof.hksr.us/pxlixgzq	
  
X-­‐RAY	
  GOGGLES	
  
1.	
  Choose	
  a	
  STEM	
  based	
  website	
  	
  
	
  
2.	
  Use	
  goggles	
  to	
  examine	
  html	
  content	
  on	
  page	
  	
  
	
  
3.	
  Edit	
  content	
  on	
  page	
  in	
  whatever	
  way	
  you	
  want	
  
	
  
4.	
  Publish	
  your	
  new	
  website!	
  
HACK	
  A	
  WEBSITE	
  
Tasc workshop presentation
hKp://www.prospectpark.org/environment/wildlife	
  
hKp://www.ptable.com/	
  	
  
BIODIVERSITY	
  
CHEMISTRY	
  
hKp://www.space.com/	
  
OUTER	
  SPACE	
  
hKp://antoine.frostburg.edu/chem/senese/101/index.shtml	
  
Share	
  
	
  
Discussion	
  
	
  
Badges	
  
	
  
SHARING	
  

More Related Content

What's hot

Clearance: Simple, complete Ruby web app authentication.
Clearance: Simple, complete Ruby web app authentication.Clearance: Simple, complete Ruby web app authentication.
Clearance: Simple, complete Ruby web app authentication.Jason Morrison
 
Don’t Panic: How To Troubleshoot Your WordPress Site
Don’t Panic: How To Troubleshoot Your WordPress SiteDon’t Panic: How To Troubleshoot Your WordPress Site
Don’t Panic: How To Troubleshoot Your WordPress SiteWordCamp Sydney
 
Lisa wilkins visual resume
Lisa wilkins visual resume Lisa wilkins visual resume
Lisa wilkins visual resume lisamarie1212
 
Form an orderly queue, ladies (OSCON, 2008)
Form an orderly queue, ladies (OSCON, 2008)Form an orderly queue, ladies (OSCON, 2008)
Form an orderly queue, ladies (OSCON, 2008)Emma Jane Hogbin Westby
 
Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27Shannon Smith
 
A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012Kathryn Presner
 
90 tools in 90minutes
90 tools in 90minutes90 tools in 90minutes
90 tools in 90minutesDavid Kinane
 
Vim, I wish I knew how to :q you!
Vim, I wish I knew how to :q you!Vim, I wish I knew how to :q you!
Vim, I wish I knew how to :q you!Chris Maiden
 
WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24Shannon Smith
 
20111014 mu me_html5
20111014 mu me_html520111014 mu me_html5
20111014 mu me_html5Erik Duval
 

What's hot (15)

Clearance: Simple, complete Ruby web app authentication.
Clearance: Simple, complete Ruby web app authentication.Clearance: Simple, complete Ruby web app authentication.
Clearance: Simple, complete Ruby web app authentication.
 
Don’t Panic: How To Troubleshoot Your WordPress Site
Don’t Panic: How To Troubleshoot Your WordPress SiteDon’t Panic: How To Troubleshoot Your WordPress Site
Don’t Panic: How To Troubleshoot Your WordPress Site
 
Practical, Free And Low Cost Tools You Can Use
Practical, Free And Low Cost Tools You Can UsePractical, Free And Low Cost Tools You Can Use
Practical, Free And Low Cost Tools You Can Use
 
Lisa wilkins visual resume
Lisa wilkins visual resume Lisa wilkins visual resume
Lisa wilkins visual resume
 
Form an orderly queue, ladies (OSCON, 2008)
Form an orderly queue, ladies (OSCON, 2008)Form an orderly queue, ladies (OSCON, 2008)
Form an orderly queue, ladies (OSCON, 2008)
 
WordPress Security
WordPress SecurityWordPress Security
WordPress Security
 
Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27
 
A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012
 
90 tools in 90minutes
90 tools in 90minutes90 tools in 90minutes
90 tools in 90minutes
 
Now what sites
Now what sitesNow what sites
Now what sites
 
Vim, I wish I knew how to :q you!
Vim, I wish I knew how to :q you!Vim, I wish I knew how to :q you!
Vim, I wish I knew how to :q you!
 
Hacking For Innovation Delhi
Hacking For Innovation DelhiHacking For Innovation Delhi
Hacking For Innovation Delhi
 
Technical Introduction to YDN
Technical Introduction to YDNTechnical Introduction to YDN
Technical Introduction to YDN
 
WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24
 
20111014 mu me_html5
20111014 mu me_html520111014 mu me_html5
20111014 mu me_html5
 

Viewers also liked

Hive NYC Cohort Meetup1.8.14
Hive NYC Cohort Meetup1.8.14Hive NYC Cohort Meetup1.8.14
Hive NYC Cohort Meetup1.8.14valleraj
 
Kavyaa midtermzine
Kavyaa midtermzineKavyaa midtermzine
Kavyaa midtermzinevalleraj
 
Travel with danny (1)
Travel with danny (1)Travel with danny (1)
Travel with danny (1)valleraj
 
Van Presentation
Van PresentationVan Presentation
Van Presentationvalleraj
 
Tascasaurus Curriculum
Tascasaurus Curriculum Tascasaurus Curriculum
Tascasaurus Curriculum valleraj
 
Finished innovation cards
Finished innovation cardsFinished innovation cards
Finished innovation cardsvalleraj
 

Viewers also liked (7)

Get Involved Presentation
Get Involved PresentationGet Involved Presentation
Get Involved Presentation
 
Hive NYC Cohort Meetup1.8.14
Hive NYC Cohort Meetup1.8.14Hive NYC Cohort Meetup1.8.14
Hive NYC Cohort Meetup1.8.14
 
Kavyaa midtermzine
Kavyaa midtermzineKavyaa midtermzine
Kavyaa midtermzine
 
Travel with danny (1)
Travel with danny (1)Travel with danny (1)
Travel with danny (1)
 
Van Presentation
Van PresentationVan Presentation
Van Presentation
 
Tascasaurus Curriculum
Tascasaurus Curriculum Tascasaurus Curriculum
Tascasaurus Curriculum
 
Finished innovation cards
Finished innovation cardsFinished innovation cards
Finished innovation cards
 

Similar to Tasc workshop presentation

Defeating Cross-Site Scripting with Content Security Policy (updated)
Defeating Cross-Site Scripting with Content Security Policy (updated)Defeating Cross-Site Scripting with Content Security Policy (updated)
Defeating Cross-Site Scripting with Content Security Policy (updated)Francois Marier
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web DesignersGoodbytes
 
Responsive Email Design and Development
Responsive Email Design and DevelopmentResponsive Email Design and Development
Responsive Email Design and Developmentladyheatherly
 
FITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the webFITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the webFrédéric Harper
 
Module 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsModule 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsDaniel Downs
 
DVWA BruCON Workshop
DVWA BruCON WorkshopDVWA BruCON Workshop
DVWA BruCON Workshoptestuser1223
 
Teflon - Anti Stick for the browser attack surface
Teflon - Anti Stick for the browser attack surfaceTeflon - Anti Stick for the browser attack surface
Teflon - Anti Stick for the browser attack surfaceSaumil Shah
 
LAMP security practices
LAMP security practicesLAMP security practices
LAMP security practicesAmit Kejriwal
 
Browser Horror Stories
Browser Horror StoriesBrowser Horror Stories
Browser Horror StoriesEC-Council
 
Mitigate Maliciousness -- jQuery Europe 2013
Mitigate Maliciousness -- jQuery Europe 2013Mitigate Maliciousness -- jQuery Europe 2013
Mitigate Maliciousness -- jQuery Europe 2013Mike West
 
Writing malware while the blue team is staring at you
Writing malware while the blue team is staring at youWriting malware while the blue team is staring at you
Writing malware while the blue team is staring at youRob Fuller
 
Death of a Themer - Frontend United - 14 April 2013
Death of a Themer - Frontend United - 14 April 2013Death of a Themer - Frontend United - 14 April 2013
Death of a Themer - Frontend United - 14 April 2013Matt Fielding
 
Push the web with HTML5
Push the web with HTML5Push the web with HTML5
Push the web with HTML5Stoyan Zhekov
 
Making friends with the inspector how non developers can harmlessly dig into...
Making friends with the inspector  how non developers can harmlessly dig into...Making friends with the inspector  how non developers can harmlessly dig into...
Making friends with the inspector how non developers can harmlessly dig into...Tara Claeys
 
It's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking ModernizrIt's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking ModernizrMichael Enslow
 

Similar to Tasc workshop presentation (20)

Create a landing page
Create a landing pageCreate a landing page
Create a landing page
 
Defeating Cross-Site Scripting with Content Security Policy (updated)
Defeating Cross-Site Scripting with Content Security Policy (updated)Defeating Cross-Site Scripting with Content Security Policy (updated)
Defeating Cross-Site Scripting with Content Security Policy (updated)
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web Designers
 
Responsive Email Design and Development
Responsive Email Design and DevelopmentResponsive Email Design and Development
Responsive Email Design and Development
 
FITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the webFITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the web
 
HTML5, the new buzzword
HTML5, the new buzzwordHTML5, the new buzzword
HTML5, the new buzzword
 
Module 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsModule 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel Downs
 
DVWA BruCON Workshop
DVWA BruCON WorkshopDVWA BruCON Workshop
DVWA BruCON Workshop
 
Why is PHP Awesome
Why is PHP AwesomeWhy is PHP Awesome
Why is PHP Awesome
 
Teflon - Anti Stick for the browser attack surface
Teflon - Anti Stick for the browser attack surfaceTeflon - Anti Stick for the browser attack surface
Teflon - Anti Stick for the browser attack surface
 
LAMP security practices
LAMP security practicesLAMP security practices
LAMP security practices
 
Browser Horror Stories
Browser Horror StoriesBrowser Horror Stories
Browser Horror Stories
 
Mitigate Maliciousness -- jQuery Europe 2013
Mitigate Maliciousness -- jQuery Europe 2013Mitigate Maliciousness -- jQuery Europe 2013
Mitigate Maliciousness -- jQuery Europe 2013
 
Writing malware while the blue team is staring at you
Writing malware while the blue team is staring at youWriting malware while the blue team is staring at you
Writing malware while the blue team is staring at you
 
Anatomy of a Drupal Hack - TechKnowFile 2014
Anatomy of a Drupal Hack - TechKnowFile 2014Anatomy of a Drupal Hack - TechKnowFile 2014
Anatomy of a Drupal Hack - TechKnowFile 2014
 
Death of a Themer - Frontend United - 14 April 2013
Death of a Themer - Frontend United - 14 April 2013Death of a Themer - Frontend United - 14 April 2013
Death of a Themer - Frontend United - 14 April 2013
 
Push the web with HTML5
Push the web with HTML5Push the web with HTML5
Push the web with HTML5
 
Making friends with the inspector how non developers can harmlessly dig into...
Making friends with the inspector  how non developers can harmlessly dig into...Making friends with the inspector  how non developers can harmlessly dig into...
Making friends with the inspector how non developers can harmlessly dig into...
 
It's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking ModernizrIt's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking Modernizr
 
Death of a Themer
Death of a ThemerDeath of a Themer
Death of a Themer
 

More from valleraj

Hive NYC Project Learning Lab - Rap Research Lab
Hive NYC Project Learning Lab - Rap Research LabHive NYC Project Learning Lab - Rap Research Lab
Hive NYC Project Learning Lab - Rap Research Labvalleraj
 
Hive NYC Project Learning Lab: Bell presentation 2016
Hive NYC Project Learning Lab: Bell presentation 2016Hive NYC Project Learning Lab: Bell presentation 2016
Hive NYC Project Learning Lab: Bell presentation 2016valleraj
 
Hive NYC Project Learnin Lab: Global Kids presentation
Hive NYC Project Learnin Lab: Global Kids presentationHive NYC Project Learnin Lab: Global Kids presentation
Hive NYC Project Learnin Lab: Global Kids presentationvalleraj
 
Hive NYC meet-up with Educational Video Center (EVC)
Hive NYC meet-up with Educational Video Center (EVC)Hive NYC meet-up with Educational Video Center (EVC)
Hive NYC meet-up with Educational Video Center (EVC)valleraj
 
Hive NYC Project Learning Lab: The LAMP presentation
Hive NYC Project Learning Lab: The LAMP presentationHive NYC Project Learning Lab: The LAMP presentation
Hive NYC Project Learning Lab: The LAMP presentationvalleraj
 
Hive NYC Project Learning Lab: TASC presentation
Hive NYC Project Learning Lab: TASC presentation Hive NYC Project Learning Lab: TASC presentation
Hive NYC Project Learning Lab: TASC presentation valleraj
 
Hive NYC Project Learning Lab: Reel Works Presentation
Hive NYC Project Learning Lab: Reel Works PresentationHive NYC Project Learning Lab: Reel Works Presentation
Hive NYC Project Learning Lab: Reel Works Presentationvalleraj
 
Hive NYC Project Learning Lab: Cooper Hewitt Presentation
Hive NYC Project Learning Lab: Cooper Hewitt PresentationHive NYC Project Learning Lab: Cooper Hewitt Presentation
Hive NYC Project Learning Lab: Cooper Hewitt Presentationvalleraj
 
Hive NYC Learning lab: Carnegie Hall and Building Beats
Hive NYC Learning lab: Carnegie Hall and Building BeatsHive NYC Learning lab: Carnegie Hall and Building Beats
Hive NYC Learning lab: Carnegie Hall and Building Beatsvalleraj
 
Hive NYC Media History Timeline GAP presentation
Hive NYC Media History Timeline GAP presentationHive NYC Media History Timeline GAP presentation
Hive NYC Media History Timeline GAP presentationvalleraj
 
Hive NYC Yvip nycwp cohort presentation
Hive NYC Yvip nycwp cohort presentationHive NYC Yvip nycwp cohort presentation
Hive NYC Yvip nycwp cohort presentationvalleraj
 
DOE IPPD Hive + MOUSE webmaker workshop
DOE IPPD Hive + MOUSE webmaker workshopDOE IPPD Hive + MOUSE webmaker workshop
DOE IPPD Hive + MOUSE webmaker workshopvalleraj
 
Connected mentor 1 6-14-hive_ny
Connected mentor 1 6-14-hive_nyConnected mentor 1 6-14-hive_ny
Connected mentor 1 6-14-hive_nyvalleraj
 
BCCP Presentation for Hive NYC Cohort
BCCP Presentation for Hive NYC CohortBCCP Presentation for Hive NYC Cohort
BCCP Presentation for Hive NYC Cohortvalleraj
 
Hive NYC passport spreads
Hive NYC passport spreadsHive NYC passport spreads
Hive NYC passport spreadsvalleraj
 
Hive is oct2014
Hive is oct2014Hive is oct2014
Hive is oct2014valleraj
 
Hive NYC_Cohort 7_10.2.14_NycSalt
Hive NYC_Cohort 7_10.2.14_NycSaltHive NYC_Cohort 7_10.2.14_NycSalt
Hive NYC_Cohort 7_10.2.14_NycSaltvalleraj
 
Ymvp hive planning for scale 090214
Ymvp hive planning for scale 090214Ymvp hive planning for scale 090214
Ymvp hive planning for scale 090214valleraj
 
May 14, 2014 Hive NYC Cohort Hangout
May 14, 2014 Hive NYC Cohort HangoutMay 14, 2014 Hive NYC Cohort Hangout
May 14, 2014 Hive NYC Cohort Hangoutvalleraj
 
Hivenyc cohortapril2014-parsons final
Hivenyc cohortapril2014-parsons finalHivenyc cohortapril2014-parsons final
Hivenyc cohortapril2014-parsons finalvalleraj
 

More from valleraj (20)

Hive NYC Project Learning Lab - Rap Research Lab
Hive NYC Project Learning Lab - Rap Research LabHive NYC Project Learning Lab - Rap Research Lab
Hive NYC Project Learning Lab - Rap Research Lab
 
Hive NYC Project Learning Lab: Bell presentation 2016
Hive NYC Project Learning Lab: Bell presentation 2016Hive NYC Project Learning Lab: Bell presentation 2016
Hive NYC Project Learning Lab: Bell presentation 2016
 
Hive NYC Project Learnin Lab: Global Kids presentation
Hive NYC Project Learnin Lab: Global Kids presentationHive NYC Project Learnin Lab: Global Kids presentation
Hive NYC Project Learnin Lab: Global Kids presentation
 
Hive NYC meet-up with Educational Video Center (EVC)
Hive NYC meet-up with Educational Video Center (EVC)Hive NYC meet-up with Educational Video Center (EVC)
Hive NYC meet-up with Educational Video Center (EVC)
 
Hive NYC Project Learning Lab: The LAMP presentation
Hive NYC Project Learning Lab: The LAMP presentationHive NYC Project Learning Lab: The LAMP presentation
Hive NYC Project Learning Lab: The LAMP presentation
 
Hive NYC Project Learning Lab: TASC presentation
Hive NYC Project Learning Lab: TASC presentation Hive NYC Project Learning Lab: TASC presentation
Hive NYC Project Learning Lab: TASC presentation
 
Hive NYC Project Learning Lab: Reel Works Presentation
Hive NYC Project Learning Lab: Reel Works PresentationHive NYC Project Learning Lab: Reel Works Presentation
Hive NYC Project Learning Lab: Reel Works Presentation
 
Hive NYC Project Learning Lab: Cooper Hewitt Presentation
Hive NYC Project Learning Lab: Cooper Hewitt PresentationHive NYC Project Learning Lab: Cooper Hewitt Presentation
Hive NYC Project Learning Lab: Cooper Hewitt Presentation
 
Hive NYC Learning lab: Carnegie Hall and Building Beats
Hive NYC Learning lab: Carnegie Hall and Building BeatsHive NYC Learning lab: Carnegie Hall and Building Beats
Hive NYC Learning lab: Carnegie Hall and Building Beats
 
Hive NYC Media History Timeline GAP presentation
Hive NYC Media History Timeline GAP presentationHive NYC Media History Timeline GAP presentation
Hive NYC Media History Timeline GAP presentation
 
Hive NYC Yvip nycwp cohort presentation
Hive NYC Yvip nycwp cohort presentationHive NYC Yvip nycwp cohort presentation
Hive NYC Yvip nycwp cohort presentation
 
DOE IPPD Hive + MOUSE webmaker workshop
DOE IPPD Hive + MOUSE webmaker workshopDOE IPPD Hive + MOUSE webmaker workshop
DOE IPPD Hive + MOUSE webmaker workshop
 
Connected mentor 1 6-14-hive_ny
Connected mentor 1 6-14-hive_nyConnected mentor 1 6-14-hive_ny
Connected mentor 1 6-14-hive_ny
 
BCCP Presentation for Hive NYC Cohort
BCCP Presentation for Hive NYC CohortBCCP Presentation for Hive NYC Cohort
BCCP Presentation for Hive NYC Cohort
 
Hive NYC passport spreads
Hive NYC passport spreadsHive NYC passport spreads
Hive NYC passport spreads
 
Hive is oct2014
Hive is oct2014Hive is oct2014
Hive is oct2014
 
Hive NYC_Cohort 7_10.2.14_NycSalt
Hive NYC_Cohort 7_10.2.14_NycSaltHive NYC_Cohort 7_10.2.14_NycSalt
Hive NYC_Cohort 7_10.2.14_NycSalt
 
Ymvp hive planning for scale 090214
Ymvp hive planning for scale 090214Ymvp hive planning for scale 090214
Ymvp hive planning for scale 090214
 
May 14, 2014 Hive NYC Cohort Hangout
May 14, 2014 Hive NYC Cohort HangoutMay 14, 2014 Hive NYC Cohort Hangout
May 14, 2014 Hive NYC Cohort Hangout
 
Hivenyc cohortapril2014-parsons final
Hivenyc cohortapril2014-parsons finalHivenyc cohortapril2014-parsons final
Hivenyc cohortapril2014-parsons final
 

Recently uploaded

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
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
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
 
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
 
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
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
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
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
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
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
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
 
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
 

Recently uploaded (20)

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
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
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
 
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)
 
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
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
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
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
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
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
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
 
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
 

Tasc workshop presentation

  • 2. Learn  HTML  and  CSS     Learn  more  about  STEM       Remix  websites  from  the  web   GOALS  
  • 4. PARTICIPANTS     MOUSE       TASC     HACKASAURUS/  HIVE  (introducHon  from  Omar  and  Youssef)       hKp://hackasaurus.org/en-­‐US/   INTRODUCTIONS  
  • 5. What  is  meant  by  the  term  hack?     Why  is  learning  about  the  web  and  hacking  important?     What  exactly  is  a  hack  jam?     Who  created  Hackasaurus?     What  happens  when  hack  jam  parHcipants  publish  their  hacked   webpages  online?     What  is  HTML  and  CSS?     QuesHons  
  • 6. Hack       1.  To  cut  or  chop  with  repeated   and  irregular  blows   2.  To  break  up  the  surface  of  (soil).     3.  To  alter  (a  computer  program):   hacked  her  text  editor  to  read   HTML.     4.  To  gain  access  to  (a  computer   file  or  network)  illegally  or   without  authorizaHon:  hacked   the  firm's  personnel  database.   DefiniHon  from  The  Free  DicHonary:     hKp://www.thefreedicHonary.com/hacking  
  • 7. Hack  a  dance  move!  
  • 8. ELEMENTS:      I  can  <em>  hear</em>  you!       ATTRIBUTE:       <a  href=“hAp://wikipedia.org”>Wikipedia</a>  is  cool.       NO  CLOSING  TAG:       <img  src=“hAp://seriouscat.com/serious_cat_is_serious.jpg”>       NESTING:  a  href=“hAp://en.wikipedia.org/wiki/Lolcat”>   <img  src=”hAp://seriouscat.com/serious_cat_is_serious.jpg”>     </a>     FULL  LIST  HERE:  hKps://developer.mozilla.org/en/HTML/Element   HTML  
  • 9. STYLE  ATTRIBUTE:     I  can  <em  style=“color:  red”>hear</em>  you!       SEMICOLONS:     I  can  <em  style=“color:  red;  background:  pink”>hear</em>  you!                 hKps://developer.mozilla.org/en/CSS_Reference     CHEAT  SHEET   CSS  
  • 10. Macintosh:       Copy:  Command  +  C   Paste:  Command  +  V       PC:     Copy:  CTRL  +  C   Paste:  CTRL  +  V       Copy  &  Paste  
  • 11.     <img  width="150"  height="150"  src="hKp://www.progeKodiogene.eu/DEV/wp-­‐ content/uploads/2011/02/tram04-­‐150x150.jpg"  class="aKachment-­‐thumbnail"   alt="Tram  ProgeKo  Diogene"  Htle="Tram  ProgeKo  Diogene"  style="opacity:  1;  ">   Images:  jpg,  png,  gif  
  • 12. Install     hKp://hackasaurus.org/en-­‐US/goggles/     Cheat  sheets     Demonstrate     Before:     hKp://www.prospectpark.org/environment/wildlife     Amer:  hKp://poof.hksr.us/pxlixgzq   X-­‐RAY  GOGGLES  
  • 13. 1.  Choose  a  STEM  based  website       2.  Use  goggles  to  examine  html  content  on  page       3.  Edit  content  on  page  in  whatever  way  you  want     4.  Publish  your  new  website!   HACK  A  WEBSITE  
  • 15. hKp://www.prospectpark.org/environment/wildlife   hKp://www.ptable.com/     BIODIVERSITY   CHEMISTRY   hKp://www.space.com/   OUTER  SPACE   hKp://antoine.frostburg.edu/chem/senese/101/index.shtml  
  • 16. Share     Discussion     Badges     SHARING