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

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Recently uploaded (20)

Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health Education
 
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
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 

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