Download to read offline
Uploaded byMehrab Hossain
Career guideline
The document provides information on various web development technologies including HTML, CSS, JavaScript, jQuery, Angular, React, SQL, and full stack development. It defines HTTP and HTML, describes responsive design with CSS, and explains how JavaScript can manipulate HTML and CSS. It also outlines DOM, JSON, XML, AJAX, Bootstrap, W3.CSS, GitHub, AngularJS, Vue.js, and technologies used for front end like jQuery versus back end like PHP, Node.js, and databases like MongoDB. The last section defines a full stack developer as someone proficient in front end programs, back end programs, and databases.
More Related Content
Career guideline
- 1. Mehrab Hossain www.easyforall.org Welcome toour Presentation
- 2. HTTP or HTTPS HTTPstands 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 standsfor 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 standsfor Cascading Style Sheets CSS describes how HTML elements are to be displayed
- 5. Responsive Design Responsive WebDesign 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 isthe Programming Language for theWeb JavaScript can update and change both HTML and CSS JavaScript can calculate, manipulate and validate data
- 7. ES5 ES5 isa shortcut for ECMAScript 5 ECMAScript 5 is also known as JavaScript 5 ECMAScript 5 is also known as ECMAScript 2009
- 8. HTML DOM TheHTML 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 TheHTML 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 GoogleMaps is a GoogleAPI Google Fonts is a Google API Google Charts is a Google API
- 11. GoogleCharts Google Mapsis a GoogleAPI Google Fonts is a Google API Google Charts is a Google API
- 12. XML XML playsan 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 adeveloper'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 standsfor 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 Iconscome in scalable vector libraries that can be customized with CSS Common libraries are: Font Awesome Icons Bootstrap Icons Google Icons
- 16. Bootstrap Bootstrap isis 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 theworld's largest Software Library (Registry) npm is also a software Package Manager and Installer
- 19. GitHub GitHub isa 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 isa JavaScript library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn.
- 21. AngularJS AngularJS letsyou 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 isa 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 letsyou 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 standsfor Structured Query Language SQL is a standard language for accessing databases SQL has been an international standard (ISO) since 1987
- 25. Full Stack WebDeveloper 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
- 27.