The Secret Language OF TECHNOLOGY
description
Transcript of The Secret Language OF TECHNOLOGY
![Page 1: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/1.jpg)
The Secret LanguageOF TECHNOLOGY
![Page 2: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/2.jpg)
About Skillcrush
Skillcrush is changing how people learn new technology skills.
Our unique and creative approach to online education puts the needs of the student front and center. Skillcrush classes are engaging, useful, and practical. Students learn new skills and immediately put them to use building beautiful websites. Most importantly, every student becomes a part of the vibrant Skillcrush community where they can work with instructors, mentors, and fellow students for instruction and support.
![Page 3: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/3.jpg)
About Me
Adda Birnir is Founder & CEO of Skillcrush, and has dedicated her life to providing women with the information they need to feel confident in today’s increasingly digital workplace. A developer herself, Adda has been named a top woman in technology and media by the Columbia Journalism Review and Business Insider, and has previously built complex web applications for media companies such as The New York Times, WNYC, and MTV.
![Page 5: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/5.jpg)
•Why everyone should learn about technology & underlying rules of the Web game
•The lay of the Internet land
•Popular Web Technologies
•Key Business Technologies
•Why you should learn to code (yep, you!)
Workshop Topics
![Page 6: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/6.jpg)
Happy Ada Lovelace Day!
![Page 7: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/7.jpg)
Why learn about technology?
Because it’s the future!
![Page 8: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/8.jpg)
Workshop GoalsSome Internet Statistics
2,405,518,376 active Internet users.
Only 31% of people in the developing world have Internet access.
77% of people in the developed world are on the Web.
How has Facebook changed your life?
E-commerce expected to top $262B in 2013. Expected to account for 10% of retail sales by 2017.
![Page 9: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/9.jpg)
Web development is about creative problem solving and using technology to emotionally connect with your audience.
No one knows everything, so ask lots of questions!
And most importantly...
Rules of the Web Game
![Page 10: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/10.jpg)
Confusion is good, really!
![Page 11: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/11.jpg)
In fact, when it comes to
learning, it may be necessary.
![Page 12: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/12.jpg)
•Confusion, Sydney D’Mello explains, is a state of “cognitive disequilbrium”; we are mentally thrown off balance when we encounter information that doesn’t make sense. This uneasy feeling motivates us to restore our equilibrium through thought, reflection, and problem solving, and deeper learning is the result.
“
![Page 13: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/13.jpg)
Deep learning may be unlikely to happen without the experience of confusion, suggests a study conducted by another researcher, Arizona State’s Kurt VanLehn. The students in his experiment were not able to grasp the physics concepts they were learning until they had encountered, and surmounted, an intellectual “impasse.”
“
![Page 14: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/14.jpg)
What is the Internet? How does
it work?
![Page 15: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/15.jpg)
Did you know that the Internet is not the same thing as the World Wide Web? Although these terms are often used interchangeably, they are actually different things.
The Internet vs. the Web
![Page 16: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/16.jpg)
Lay of the Web Land
![Page 17: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/17.jpg)
In fact, it may be necessary
But what are these other computers that have all the information?
Web Servers!
![Page 18: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/18.jpg)
Web Servers Your Computer
On all the time Goes to sleep at night
Fills orders Places Orders
Fast upload & download speeds Fast download, Slow upload
No monitor Monitor
Understands all programming languages Understands only JavaScript
Lots of databases! No databases here
vs.
![Page 19: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/19.jpg)
IP Addresses
IP Addresses are phone numbers for computers on the Internet
They look like this: 72.225.215.138
![Page 21: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/21.jpg)
1. Go to Google.com
2. Search “my IP”
3. Your IP address will be displayed above the search results
How to find your IP Address
![Page 22: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/22.jpg)
Web TechnologiesOr what is
code?
![Page 23: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/23.jpg)
10000101011010101010100001010110101010101011010101100001001010110101011000010010
How computers speak to one another
![Page 24: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/24.jpg)
Code is how humans talk to computers in a way that humans and computers
can understand.
It’s like a funny version of English.
Code
![Page 25: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/25.jpg)
<h1>Hello, World!</h1>
HTML
![Page 26: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/26.jpg)
h1 {font-weight:bold;color:black;font-size:24px;font-family:arial;
}
CSS
![Page 27: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/27.jpg)
document.write(“Hello World!”);
JavaScript
![Page 28: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/28.jpg)
Frontend vs. Backend
The parts you see and interact with on a web site – the buttons, the dropdown menus and big bold fonts – make up the frontend.
The backend is everything that happens before it gets to your browser.
![Page 29: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/29.jpg)
The verbs of the computer world.
Programming Languages
![Page 30: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/30.jpg)
Up until the mid-1980’s, computer programs were written on cards with holes punched in them (punch cards). If we still used them today, a single iPhone picture would take up over 9,000 punch cards!
Cocktail Party Fact
![Page 31: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/31.jpg)
puts “Hello World!”
Ruby
![Page 32: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/32.jpg)
Python
print "Hello, World!"
![Page 33: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/33.jpg)
PHP
<?php echo “Hello world!” ?>
![Page 34: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/34.jpg)
Databases
Databases are like fancy spreadsheets where information lives. To get data in and out of a databases you need a programming language.
![Page 35: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/35.jpg)
Business Technologies
![Page 36: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/36.jpg)
Open Source
Open source software (sometimes called Free and Open Source Software or FOSS) is the practice of sharing how a computer program was made and allowing anyone to customize the program as they see fit.
![Page 37: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/37.jpg)
CMS - Content Management System
A CMS (Content Management System) is a piece of software that lets you easily write, edit and publish content on the web.
![Page 38: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/38.jpg)
Drupal (PHP) Tumblr Wordpress (PHP)
Common CMSes
![Page 39: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/39.jpg)
Online Advertising
Love 'em or hate 'em, online advertisements make the web go round.
![Page 40: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/40.jpg)
Online AdvertisingCocktail Party Fact
So tired of online ads that you don’t even notice what they are trying to sell you? You are not alone! This syndrome is called ‘Ad Fatigue’ and its a major source of concern and consternation for advertisers and companies alike!
![Page 41: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/41.jpg)
Analytics
Web analytics allow you to track how many people visited your site, how long they stayed, and what all they did there.
![Page 42: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/42.jpg)
Tracking Pixels
Tracking pixels are little 1x1 pixel images that allow you to keep track of how many users visit your website or see your advertisement.
![Page 43: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/43.jpg)
API
API stands for Application Programming Interface, and it's how computers and web applications share information with each other.http://graph.facebook.com/skillcrush
![Page 44: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/44.jpg)
![Page 45: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/45.jpg)
To Learn to Code?
Or not to learn to code?
![Page 46: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/46.jpg)
Let’s say you are planning a trip to France...
![Page 47: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/47.jpg)
What information will be more useful?
Merci.
Où sont les toilettes ?French is the fourth most widely spoken mother tongue in the European Union OROR
![Page 48: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/48.jpg)
Congratulations! We are all now living in France!
![Page 49: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/49.jpg)
Where Professional Go
There is always more to
learn!
![Page 50: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/50.jpg)
Some places to find answers...
Googlewww.google.com
StackOverflowwww.stackoverflow.com
A List Apartwww.alistapart.com
Web Designer Depotwww.webdesignerdepot.com
Skillcrushwww.skillcrush.com
Smashing Magazinewww.smashingmagazine.com
KissMetrics Bloghttp://blog.kissmetrics.com
Hacker Newshttp://news.ycombinator.com
![Page 51: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/51.jpg)
Our signature 6-week program designed to take you from novice to web-master. All students learn the fundamentals of designing and developing for the web, and design, build, and launch their first websites! Next class starts October 21st.
skillcrush.com/get-started-in-tech
Use the coupon code ‘85broads’ for $75 off!
Skillcrush 101
![Page 52: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/52.jpg)
![Page 53: The Secret Language OF TECHNOLOGY](https://reader036.fdocuments.net/reader036/viewer/2022081520/568150b1550346895dbece84/html5/thumbnails/53.jpg)