SlideShare a Scribd company logo
1 of 27
Mehrab Hossain
www.easyforall.org
Welcome to our
Presentation
HTTP or HTTPS
HTTP stands for Hyper Text Transfer Protocol
 WWW is about communication between
web clients and servers
 Communication between client computers and web
servers is done by sending HTTP Requests and
receiving HTTP Responses
 HTML stands for Hyper Text Markup Language
 HTML is the standard markup language forWeb pages
 HTML elements are the building blocks of HTML pages
 HTML elements are represented by <> tags
 CSS stands for Cascading Style Sheets
 CSS describes how HTML elements are to be displayed
Responsive
Design
 Responsive Web Design is about using HTML and CSS
to automatically resize a website.
 Responsive Web Design is about making a webside
look good on all devices (desktops, tablets, and
phones):
JavaScript
 JavaScript is the Programming Language for theWeb
 JavaScript can update and change both HTML and CSS
 JavaScript
can calculate, manipulate and validate data
ES5
 ES5 is a shortcut for ECMAScript 5
 ECMAScript 5 is also known as JavaScript 5
 ECMAScript 5 is also known as ECMAScript 2009
HTML DOM
 The HTML DOM is an Object Model for HTML. It
defines:
 HTML elements as objects
 Properties for all HTML elements
 Methods for all HTML elements
 Events for all HTML elements
HTML DOM
 The HTML DOM is an API (Programming Interface)
for JavaScript:
 JavaScript can add/change/remove HTML elements
 JavaScript can add/change/remove HTML attributes
 JavaScript can add/change/remove CSS styles
 JavaScript can react to HTML events
 JavaScript can add/change/remove HTML events
Google Map
 Google Maps is a GoogleAPI
 Google Fonts is a Google API
 Google Charts is a Google API
GoogleCharts
 Google Maps is a GoogleAPI
 Google Fonts is a Google API
 Google Charts is a Google API
XML
 XML plays an important role in many different IT
systems
 XML is often used for distributing data over the
Internet
 It is important for all web developers to have a good
understanding of XML
AJAX
AJAX is a developer's dream, because you can:
 Read data from a web server - after a web page has
loaded
 Update a web page without reloading the page
 Send data to a web server - in the background
JSON
 JSON stands for JavaScript Object Notation
 JSON is a lightweight format for storing and
transporting data
 JSON is often used when data is sent from a server to a
web page
 JSON is "self-describing" and easy to understand
CSS Icon
 Icons come in scalable vector libraries that can be
customized with CSS
 Common libraries are:
 Font Awesome Icons
 Bootstrap Icons
 Google Icons
Bootstrap
 Bootstrap is is the most popular CSS Framework for
developing responsive and mobile-first websites.
 Bootstrap 4 is the newest version of Bootstrap
W3.CSS
Modern Responsive CSS
 Equality for all browsers: Chrome. Firefox Edge. IE.
Safari. Opera.
 Equality for all devices: Desktop. Laptop.Tablet.
Mobile.
 Standard CSS only (No jQuery or JavaScript library).
npm

npm is the world's largest Software Library (Registry)
 npm is also a software Package Manager and Installer
GitHub
 GitHub is a code hosting platform for collaboration and
version control.
 GitHub lets you (and others) work together on projects.
GitHub essentials are:
 Repositories
 Branches
 Commits
 Pull Requests
 Git (the version control software GitHub is built on)
jQuery
 jQuery is a JavaScript library.
 jQuery greatly simplifies JavaScript programming.
 jQuery is easy to learn.
AngularJS
 AngularJS lets you extend HTML with HTML attributes
called directives
 AngularJS directives offers functionality to HTML
applications
 AngularJS provides built-in directives and user
defined directives
React
 React is a JavaScript library created by Facebook
 React is a User Interface (UI) library
 React is a tool for building UI components
Vue.js
 Vue.js lets you extend HTML with HTML attributes
called directives
 Vue.js directives offers functionality to HTML
applications
 Vue.js provides built-in directives and user
defined directives
SQL
 SQL stands for Structured Query Language
 SQL is a standard language for accessing databases
 SQL has been an international standard (ISO) since
1987
Full Stack Web Developer
 A full stack web developer is a person who can develop
both client and server software.
In addition to mastering HTML and CSS, he/she also
knows how to:
 Program a browser (like using JavaScript, jQuery,
Angular, orVue)
 Program a server (like using PHP, ASP, Python, or
Node)
 Program a database (like using SQL, SQLite, or
MongoDB)
 HTML
 CSS
 Bootstrap
 W3.CSS
 JavaScript
 ES5
 HTML DOM
 JSON
 XML
 jQuery
 Angular
 React
 Backbone.js
 Ember.js
 Grunt
 Gulp
Front End
 PHP
 ASP
 C++
 C#
 Java
 Python
 Node.js
 Ruby
 REST
 GO
 SQL
 MongoDB
 Firebase.com
 Sass
 Less
 Parse.com
Back End
Thank you
mahbaubs4@gmail.com

More Related Content

What's hot

WPF Unleashed: Building Application with Visual Studio 2008 SP1
WPF Unleashed: Building Application with Visual Studio 2008 SP1WPF Unleashed: Building Application with Visual Studio 2008 SP1
WPF Unleashed: Building Application with Visual Studio 2008 SP1
Dave Bost
 

What's hot (18)

Webhouse
WebhouseWebhouse
Webhouse
 
Asp.net
 Asp.net Asp.net
Asp.net
 
Asp net
Asp netAsp net
Asp net
 
Introduction to asp
Introduction to aspIntroduction to asp
Introduction to asp
 
TypeScript and SharePoint Framework
TypeScript and SharePoint FrameworkTypeScript and SharePoint Framework
TypeScript and SharePoint Framework
 
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - referenceChris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
 
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
 
API
APIAPI
API
 
J query
J queryJ query
J query
 
Cloud Apache OpenOffice based on HTML5
Cloud Apache OpenOffice based on HTML5Cloud Apache OpenOffice based on HTML5
Cloud Apache OpenOffice based on HTML5
 
Asp.net and .Net Framework ppt presentation
Asp.net and .Net Framework ppt presentationAsp.net and .Net Framework ppt presentation
Asp.net and .Net Framework ppt presentation
 
Ppt for Online music store
Ppt for Online music storePpt for Online music store
Ppt for Online music store
 
Asp.net basic
Asp.net basicAsp.net basic
Asp.net basic
 
2003
20032003
2003
 
WPF Unleashed: Building Application with Visual Studio 2008 SP1
WPF Unleashed: Building Application with Visual Studio 2008 SP1WPF Unleashed: Building Application with Visual Studio 2008 SP1
WPF Unleashed: Building Application with Visual Studio 2008 SP1
 
Flex vs HTML5
Flex vs HTML5Flex vs HTML5
Flex vs HTML5
 
Introduction To Dotnet
Introduction To DotnetIntroduction To Dotnet
Introduction To Dotnet
 
Building productivity solutions with Microsoft Graph
Building productivity solutions with Microsoft GraphBuilding productivity solutions with Microsoft Graph
Building productivity solutions with Microsoft Graph
 

Similar to Career guideline

Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
RC Morales
 
Busy developer-html5-javaee7
Busy developer-html5-javaee7Busy developer-html5-javaee7
Busy developer-html5-javaee7
Geertjan Wielenga
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Ria
ravinxg
 

Similar to Career guideline (20)

Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
It ppt.pptx
It ppt.pptxIt ppt.pptx
It ppt.pptx
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
 
List of Web Technologies used in Web Development
List of Web Technologies used in Web DevelopmentList of Web Technologies used in Web Development
List of Web Technologies used in Web Development
 
Php
PhpPhp
Php
 
Web Development Today
Web Development TodayWeb Development Today
Web Development Today
 
web devs ppt.ppsx
web devs ppt.ppsxweb devs ppt.ppsx
web devs ppt.ppsx
 
Advanced JavaScript
Advanced JavaScriptAdvanced JavaScript
Advanced JavaScript
 
Ajax toolkit framework
Ajax toolkit frameworkAjax toolkit framework
Ajax toolkit framework
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Javascript handbook
Javascript handbook Javascript handbook
Javascript handbook
 
Busy developer-html5-javaee7
Busy developer-html5-javaee7Busy developer-html5-javaee7
Busy developer-html5-javaee7
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Ria
 

Recently uploaded

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 

Recently uploaded (20)

Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 

Career guideline

  • 2. HTTP or HTTPS HTTP stands for Hyper Text Transfer Protocol  WWW is about communication between web clients and servers  Communication between client computers and web servers is done by sending HTTP Requests and receiving HTTP Responses
  • 3.  HTML stands for Hyper Text Markup Language  HTML is the standard markup language forWeb pages  HTML elements are the building blocks of HTML pages  HTML elements are represented by <> tags
  • 4.  CSS stands for Cascading Style Sheets  CSS describes how HTML elements are to be displayed
  • 5. Responsive Design  Responsive Web Design is about using HTML and CSS to automatically resize a website.  Responsive Web Design is about making a webside look good on all devices (desktops, tablets, and phones):
  • 6. JavaScript  JavaScript is the Programming Language for theWeb  JavaScript can update and change both HTML and CSS  JavaScript can calculate, manipulate and validate data
  • 7. ES5  ES5 is a shortcut for ECMAScript 5  ECMAScript 5 is also known as JavaScript 5  ECMAScript 5 is also known as ECMAScript 2009
  • 8. HTML DOM  The HTML DOM is an Object Model for HTML. It defines:  HTML elements as objects  Properties for all HTML elements  Methods for all HTML elements  Events for all HTML elements
  • 9. HTML DOM  The HTML DOM is an API (Programming Interface) for JavaScript:  JavaScript can add/change/remove HTML elements  JavaScript can add/change/remove HTML attributes  JavaScript can add/change/remove CSS styles  JavaScript can react to HTML events  JavaScript can add/change/remove HTML events
  • 10. Google Map  Google Maps is a GoogleAPI  Google Fonts is a Google API  Google Charts is a Google API
  • 11. GoogleCharts  Google Maps is a GoogleAPI  Google Fonts is a Google API  Google Charts is a Google API
  • 12. XML  XML plays an important role in many different IT systems  XML is often used for distributing data over the Internet  It is important for all web developers to have a good understanding of XML
  • 13. AJAX AJAX is a developer's dream, because you can:  Read data from a web server - after a web page has loaded  Update a web page without reloading the page  Send data to a web server - in the background
  • 14. JSON  JSON stands for JavaScript Object Notation  JSON is a lightweight format for storing and transporting data  JSON is often used when data is sent from a server to a web page  JSON is "self-describing" and easy to understand
  • 15. CSS Icon  Icons come in scalable vector libraries that can be customized with CSS  Common libraries are:  Font Awesome Icons  Bootstrap Icons  Google Icons
  • 16. Bootstrap  Bootstrap is is the most popular CSS Framework for developing responsive and mobile-first websites.  Bootstrap 4 is the newest version of Bootstrap
  • 17. W3.CSS Modern Responsive CSS  Equality for all browsers: Chrome. Firefox Edge. IE. Safari. Opera.  Equality for all devices: Desktop. Laptop.Tablet. Mobile.  Standard CSS only (No jQuery or JavaScript library).
  • 18. npm  npm is the world's largest Software Library (Registry)  npm is also a software Package Manager and Installer
  • 19. GitHub  GitHub is a code hosting platform for collaboration and version control.  GitHub lets you (and others) work together on projects. GitHub essentials are:  Repositories  Branches  Commits  Pull Requests  Git (the version control software GitHub is built on)
  • 20. jQuery  jQuery is a JavaScript library.  jQuery greatly simplifies JavaScript programming.  jQuery is easy to learn.
  • 21. AngularJS  AngularJS lets you extend HTML with HTML attributes called directives  AngularJS directives offers functionality to HTML applications  AngularJS provides built-in directives and user defined directives
  • 22. React  React is a JavaScript library created by Facebook  React is a User Interface (UI) library  React is a tool for building UI components
  • 23. Vue.js  Vue.js lets you extend HTML with HTML attributes called directives  Vue.js directives offers functionality to HTML applications  Vue.js provides built-in directives and user defined directives
  • 24. SQL  SQL stands for Structured Query Language  SQL is a standard language for accessing databases  SQL has been an international standard (ISO) since 1987
  • 25. Full Stack Web Developer  A full stack web developer is a person who can develop both client and server software. In addition to mastering HTML and CSS, he/she also knows how to:  Program a browser (like using JavaScript, jQuery, Angular, orVue)  Program a server (like using PHP, ASP, Python, or Node)  Program a database (like using SQL, SQLite, or MongoDB)
  • 26.  HTML  CSS  Bootstrap  W3.CSS  JavaScript  ES5  HTML DOM  JSON  XML  jQuery  Angular  React  Backbone.js  Ember.js  Grunt  Gulp Front End  PHP  ASP  C++  C#  Java  Python  Node.js  Ruby  REST  GO  SQL  MongoDB  Firebase.com  Sass  Less  Parse.com Back End