Course Detail
Full Stack Development Course
Course Outline
Full Stack Development is HTML, CSS, Javascript, JQuery, Bootstrap, MongoDB, Express, React and Node.js training will help you to learn: Building full-stack applications in JavaScript using the latest technologies, Architect Full stack applications from scratch, Design and build RESTful APIs using Node.js Express and MongoDB, Create and use MongoDB databases, Develop modular and maintainable Single Page Applications using React.
What is Full Stack Development?
Full Stack Developer works on different levels of combination together to achieve the established function without the need for other modules. The components could be in the front-end or the back-end of the system. Full-stack is used to keep every part of the system runs smoothly which can perform tasks ranging from resizing an image or text in a webpage to mending the kernel. In plain words, Full-stack developer means a person who can simultaneously work with backend, frontend, and database technologies.
- Frontend: HTML5, JavaScript, JQuery, CSS3, Bootstrap, React
- Backend: Ruby on Rails, PHP, Node.js, Express
- Database: MySQL, MongoDB, CouchDB
Moreover, a full stack developer is not limited only to these technologies. They should be familiar with different development layers such as:
- Server, Network, and security
- Data Modeling
- Project management and Client coordination
- Working with system infrastructure including hardware and OS
Why learn full-stack development?
Full-stack web is used everywhere; to write the software and to run the technology, it is worth to dedicate time to know how the contemporary worldwide web technologies exposure, and for career appraisal.
Mean Stack is a great software combination to build a web application. It has the technologies for server-side (Node.js, Express.js, and MongoDB) as well as client-side (React).
Requirements to be a full stack web developer
Programming Languages
You need to be skilled in multiple programming languages, such as JAVA, PHP, Python, etc. Most of the core business processes are written in these languages. But you need to be familiar with how to structure, design, implement and test the project based on one language.
The full stack development frameworks
Good development frameworks used in full-stack are express for NodeJS, Spring for JAVA, Django for Python, Laravel for PHP, and MVC & Core for ASP.Net .
Front-end technologies
These are becoming important in today’s project and product development. In addition to product features; experience of the user in front-end technologies is also one of the factors in the success of a product. So you need to learn some of the front-end technologies such as HTML5, CSS3, JavaScript, Angular, ReactJS and VUE.js, etc.
Database Management Systems
A project needs a database to store data. As a full-stack developer, you need to have one or two databases know-how to interact with it. Currently, the popular database is MySQL, MongoDB, Oracle, SQLServer, etc. Most of the web projects use MySQL, Commercial Projects use Oracle, and big-data projects use MongoDB as the back-end database.
Designing skill
Full stack development also has design requirements which are very important, the skill of basic prototype design, UI design, UX design are also needed to understand.
Full-stack developer course in Lahore, PK
The ICT-training institute serves you the most thorough and unequivocal full stack developer course. This course is especially served for the people who crave to develop professional websites. ICT-trainings teaching methodology aims to teach full stack development step by step in a precise way, able the user to work on back and front-ends and database for web applications.
Front-End Development
HTML
- Fundamentals of HTML
- Basic HTML tags
- Format text on Web Pages
- Incorporate images
- Create hyperlinks
- Create complex image maps
- Create tables and nested tables
- Insert a form on a web page
- Set, modify form field properties: text field, drop-down, check box, radio button
- Validating HTML
Cascading Style Sheet - CSS
- Introduction
- Designing with Style Sheets
- Style Sheet Syntax
- ID, Class Contextual Selectors
- Linked (External) Style Sheets
- Cascading Order
- Properties: Text, Font, Colors, Backgrounds, Borders
- Floating Elements
- Absolute and Relative Positioning i.e. Div’s etc.
- Layering Elements with the Z-Index
- Animation of objects
JavaScript & Document Object Model - DOM
- Introduction to JavaScript
- Variables and Objects
- Decision Making Statement: If, Switch
- Loops: For, While & Do While
- Arrays
- Functions and Prototypes
- Core JavaScript Objects
- DOM Introduction
- DOM Functions i.e. Document.Write, Document.GetElementById, Document.bgColor etc.
- Prototyped OOPs
JQuery
- Introduction
- Install & Configuration
- jQuery Syntax
- Selectors
- Effects: Hide/Show, Fade, Slide, Animate, Stop, CSS
- Events: Click/DblClick, Focus, Blur, Mousemove/leave etc
- jQuery Callback
- jQuery Chaining
JSON
- Core Concepts of JSON
- Arrays
- JSON Parse
- JSON Stringify
- Accessing JSON via AJAX in Javascript
BootStrap
- Core Concepts of Bootstrap
- Bootstrap Classes
- Alerts, Buttons, Badges, Cards
- Carousel
- Forms
- Modal
- Bootstrap Grid System
React.js
Single Page Applications with React
Starting with React
- Environment Setup
- Project Setup
- CLI
- Hello World
Core Concepts
- Implementation of JSX
- Rendering Elements
- Components
- Class and Functional Components
- Props
- Styling, Properties
- Routing, Navigation
- Handling Events
- State and Lifecycle
- Conditional Rendering
- Lists and Keys
Forms
- Controlled/Uncontrolled Forms
- Reading and Writing via Web API
- Application Building & Deployment
Hooks:
- Introducing Hooks
- Using the State Hook
- Using the Effect Hook
- Rules of Hooks
- Building Your Own Hooks
- Hooks API Reference
Database Management System
MongoDB
- What is MongoDB and its Versions?
- MongoDB CLI
- Administration & Query Browser
- Creating Databases and Collections
- Data Types:Varchar, Int, Char, Date and Time
- Deleting databases and collections
- Inserting, Retrieving, Updating and Deleting documents
- MongoDB User Accounts, Privileges and Access Control
- MongoDB documentation
Back-End Development
Node.js using Express Framework
- Node.js - Get Started
- What is Node.js
- Node.js Process Model
- Setup Dev Environment
- Node.js Console
- Node.js Basics
- Node.js Modules
- Local Modules
- Export Module
- Node Package Manager
- Node.js Web Server
- Node.js File System
- Debugging Node.js
- Node Inspector
- Node.js EventEmitter
- Frameworks for Node.js: Express.js
- Express.js Web App
- Serving Static Resources
- Node.js Data Access: Access MongoDB
- Template Engine: Jade
- Project: Web Application and WebAPI
Project