Web Technology for non techies
Transcript of Web Technology for non techies
![Page 1: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/1.jpg)
WTF!(Web Technology ke Funde)
Aj Maurya@aalootechie
ajmaurya99
![Page 2: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/2.jpg)
![Page 3: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/3.jpg)
Who am I ?
Naam - Ajay Maurya a.k.a Aj MauryaKaam - Part time Web Developer, Full time waste. Alumni - ??Blogging - vshouldknow.com / ajmaurya.wordpress.comVolunteer - Co organizer of Wordcamp Mumbai.Super Power - Lazyness Weakness- I still don’t know all commands of ppt. ;)
![Page 4: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/4.jpg)
This is not a presentation
1.But more of a Discussion
2.Maximum questions
3.Maximum answers (if possible)
4.You are allowed to sleep
5.You will get a copy of these slides
6.But slides are less important.
7.Your existence matters
![Page 5: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/5.jpg)
What is Internet?
1.Standardized set of rules (different people different language)
2.Internet is a global network of smaller networks.
3.Internet is the largest network.
4.It is owned by NOBODY. I’m NOBODY
5.Satellites, Submarine Optical cables %^&&*& &*&*(*(_(_) E$#$#^*&
6.Backbone
7.Where we Live , Stay , Play.
8.It is our Life.
![Page 6: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/6.jpg)
I’M so confused
HTTP, HTTPS, DNS, Domain Name
![Page 7: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/7.jpg)
What is WEB
1.You mean World Wide Web?
2.Collection of interlinked hypertext documents.
3.That means Hyperlinked documents
4.Hyperlinks?
5.URL
![Page 8: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/8.jpg)
The WEB
Server
Browser File
![Page 9: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/9.jpg)
The WEB PAGE
Content
+
Presentation Interactivity
+
![Page 10: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/10.jpg)
Separation of Concerns
Content
Presentation
![Page 11: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/11.jpg)
What are those tags for?
My Life in Linesby Aj Maurya
This is the beginning of my life in lines. I had a good run along the line. This has been good. I love my life in lines.
<h1>{{ heading }}</h1>by <span>{{ author.name }}</span>
<p>{{ content }}</p>
![Page 12: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/12.jpg)
Title
Image
Category (meta)
Link
Excerpt
![Page 13: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/13.jpg)
Types of WEBSITES
1.Static Websites
2.Dynamic Websites
3.Interactive Websites
4.Blogging Sites
5.Micro Websites
6.Contest Websites
7.E Commerce
![Page 14: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/14.jpg)
Different Screen sizes! Different websites?
![Page 15: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/15.jpg)
![Page 16: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/16.jpg)
Front End??.. Back End??
![Page 17: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/17.jpg)
What is it??
![Page 18: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/18.jpg)
Still Confused??
![Page 19: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/19.jpg)
![Page 20: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/20.jpg)
Web Development Process
1. Product Development
2. User Experience
3. Information Architecture
4. Content Strategy
5. Project Manager
6. Business Analyst
7. Visual Designer
8. Front-end developer
9. Back-end developer
1. Usability
2. Security
3. SEO Expert
4. Analytics Expert
5. Quality Assurance (QA) Tester
6. Server Administrator
![Page 21: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/21.jpg)
What is Programming?(...and why do I care?)
![Page 22: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/22.jpg)
PROGRAMMING
1.A set of Instructions
2.Used to solve problem.
![Page 23: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/23.jpg)
PEANUT BUTTER & JELLY SANDWICH
1. Find two slices of bread
2. Spread peanut butter on one slice of bread
3. Spread jelly on the other slice of bread
4. Put the two slices of bread together
![Page 24: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/24.jpg)
Problem Solved
1. A set of Instructions
2. Used to solve problem.
![Page 25: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/25.jpg)
LET’S TAKE A HIKE!I love Hiking.
![Page 26: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/26.jpg)
Let’s Plan
1. 10 hours per day?
2. 10 days?
3. Great!
![Page 27: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/27.jpg)
![Page 28: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/28.jpg)
![Page 29: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/29.jpg)
One day before the project delivery date.
Holy S!*T we didn’t even finish one module yet?!??
I hate everything.
I am done,
Fuck Client.
F*&@( Everything.
![Page 30: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/30.jpg)
We need to face the fact that our comfort zone is being shacked.
![Page 31: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/31.jpg)
What we do?
Websites
E Commerce
Facebook apps
Twitter Applications
Mobile Apps
Web Apps
![Page 32: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/32.jpg)
We are Developers , Creators , Restless
We can develop anything,Just get the idea to us..
![Page 33: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/33.jpg)
Okay Wake up Now.
![Page 34: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/34.jpg)
Happiness can be found in the darkest of times, if one only
remembers to turn on the light.
Albus dumbledore
![Page 35: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/35.jpg)
Questions?Suggestions?Threats??
![Page 36: Web Technology for non techies](https://reader035.fdocuments.net/reader035/viewer/2022062412/5889decc1a28ab83478b6cf7/html5/thumbnails/36.jpg)
Thankyou