Full Stack Web Development Professional Course

Do you want to build your own handsome career online? Today everything is becoming internet based and business organizations are establishing themselves online. With the development of technology, the demand for skilled people is increasing. For which now the huge demand for web development online marketplace or offline marketplace in 2 places. Along with that, a lot of competition is growing. You must be technically proficient to survive in the competition.

✅ 1. HTML
✅ 2. CSS
✅ 3. JavaScript & jQuery
✅ 4. Bootstrap
✅ 5. Git & GitHub
✅ 6. Bootstrap
✅ 7. WordPress theme customization
✅ 8. PHP Basic with Projects
✅ 9. WordPress theme development
📣 📣 Do you want to build your own handsome career online?
Today everything is becoming internet based and business organizations are establishing themselves online. With the development of technology, the demand for skilled people is increasing. For which now the huge demand for web development online marketplace or offline marketplace in 2 places. Along with that, a lot of competition is growing. You must be technically proficient to survive in the competition.
✅ Now the question is how will you be efficient? Nowadays there are many free resources online from which you can get a basic idea. However, if you want to get complete guidance and support in this sector, then it is important to take a course from a mentor or an organization. It is important because you can definitely get ideas from free sources but you will not get proper guidelines when you face various problems. And by developing this skill, you have endless opportunities to build a career through the freelancing sector and remote jobs.
🎯 And considering these aspects GPIT) came up with full stack web development offline course. Through this, you can also build a successful career.
📌 Now the decision is yours. What do you want to do? The right decision of yours can be the turning point of your career.
Course Information:
➖➖➖➖➖➖

An interactive, smooth, and easy-to-access website can hold an audience longer than a complicated code-stuffed non-creative website. For every website, good numbers of customer traffic are the main object and each minute visitors stay on the website counts, which means the longer visitors stay the more it causes a good rank for the website. Basically, the main reason behind the huge demand for a web designer over a web developer, ignoring the fact that the first one can be a nontechnical person, is to keep the front-end design eye catchy and easily accessible.

Full Stack Web Development Professional Course Module

Total Class: 24 | Total Hours: (24x2) = 48

Course outline :

Class 01:

  1. Introduction to web design
  2. Static Dynamic Website
  3. How does Web Work?
  4. What Is Wireframing?
  5. Wireframing Tools.
  6. Course Module Overview

Project: Think about a website. Make a skeleton by using wireframing tools.


  1. Website Designing Tools
  2. IDE vs Code Editor
  3. HTML and Browsers
  4. File Extension
  5. Creating A HTML File
  6. Arranging files and making a startup package

Project: Create a startup package and upload it to google drive.

Class 02:

  1. HTML Syntax
  2. Basic Structure ( Head and Body Section)
  3. HTML Tags
  4. HTML Elements
  5. HTML Attributes
  6. HTML Typography
  7. HTML Block vs Inline Element
  8. Commenting in HTML

Project: Creating a web page with proper   HTML Syntax.


  1. HTML Lists
  2. HTML Table
  3. Table Head and Body Contents
  4. Table Caption
  5. Attributes of Table
  1. Table Row and Column

Project: Creating a table.

Class 03:

  1. Introduction to HTML Form
  2. From Elements
  3. Input Types and Attributes
  4. Form Validations
  5. GET vs POST Method
  6. Form Arrangement (Fieldset)

Project: Creating a register form that requires every form elements.


  1. HTML Media Elements
  2. Different Types of Images
  3. Audio and Video Controlling
  4. Iframe in HTML
  5. Embedded Video from Youtube

Project: Creating a webpage where image, audio, video, and gif animation will be

embedded.

Class 04:

  1. HTML5 Semantic Elements
  2. Brief Discussion on HTML5 API
  3. HTML Review

Project: Create a Semantic Layout


  1. Introduction to CSS (Cascading Style Sheet)
  2. CSS Ruleset
  3. How to Link CSS
  4. Inline
  5. Internal
  6. External
  7. CSS Specificity

Project: Creating and linking a CSS file and implementing important properties.

Class 05:

  1. Introduction to CSS Selectors
  2. HTML DOM Tree
  3. Universal Selector
  4. Type Selector
  5. Attribute Selectors

Class 10:

  1. Pseudo Classes
  2. Pseudo Elements
  3. Child and Adjacent Selectors
  4. ID vs Class Selectors
  5. Others

Project: Create an external CSS file and change HTML view styling with selectors.

Class 6:

  1. CSS Box Model
  2. Margin
  3. Padding
  4. Border
  5. Content
  6. Different Box Model Properties
  7. Styling List

Project: Create a basic web layout

Class 7:

  1. Introduction to CSS Layout
  2. Floats
  3. Positioning
  4. Practical Positioning Example
  5. Flex

Project: Creating a website with actual positioning.

Class 8:

  1. Creating Menu in CSS
  2. Styling Text
  3. Working With Web Fonts and Icons
  4. Styling fonts and icons
  5. Input box Styling

Project: Creating a menu with icons. Styling text and fonts.

Class 9:

  1. Introduction to lovable CSS (Some CSS3 Properties
  2. Border and Rounded Corners
  3. Working With Background
  4. Gradient and Shadow
  5. Transition and Transformation
  6. CSS Animation

Project: Creating a website with image/color backgrounds and transition, transformation

effects.

Class 10:

  1. A Complete Web Page Using HTML5 and CSS3

Class 10:

  1. Introduction to Sass
  2. Installing Sass and Sass Compiler
  3. Folder Structure
  4. Variable
  5. Mixins

Project: Implementing CSS property with Sass.

Class 11:

  1. Types
  2. Nesting and Scope
  3. Operator
  4. Function
  5. Extend

Project: Implementing CSS property with Sass.

Class 12:

  1. Introduction to Bootstrap Framework. (BS)
  2. How to Install BS
  3. BS Grid System
  4. Understanding Device Screen Size
  5. BS Typography

Project: Installing bootstrap and creating a grid for web layout.

Class 13:

  1. BS Table
  2. BS Form

Project: create a form for the web site.

Class 14:

  1. BS Navigation
  2. BS Button
  3. BS Pagination
  4. BS Image Responsive
  5. Bs Card

Project: create a Card for the web site.

Class 15:

  1. BS Carousel
  2. BS Accordion
  3. BS Modal
  4. BS Tab and Tooltip

Project: Complete a webpage with Bootstrap.

Class 16:

  1. Overview of Responsive Web Design (RWD)
  2. Working With Viewport

Project: Enable a website for mobile responsive view.

Class 17:

  1. Mid Term Exam

Class 18:

  1. What is Photoshop?
  2. Basic Concept of Photoshop.
  3. How to Use Photoshop tools?
  4. PSD Fonts, Color, and Layer Concept.
  5. Image Trimming in Photoshop.

Project: Converting PSD to HTML.

Class 29:

  1. Converting Multipurpose Business PSD Template to HTML


  1. Introduction to JavaScript. (JS)
  2. What you can do with JavaScript?
  3. Js Basic Syntax
  4. Variable in JS
  5. Operator, Data Type in JS
  6. Commenting in JS

Project: Playing with Javascript syntax.


  1. Function in JS
  2. Array in JS
  3. Concept of Objects
  4. JS Conditions (if, else)
  5. Loop in JS

Project: Practicing JS with programming concepts.

Class 20:

  1. DOM and BOM in JS
  2. Method, Documents, Elements in DOM
  3. DOM Event and Eventlistner
  4. JS Window
  5. History and Navigation in JS

Project: Working with advanced JS.



  1. jQuery Introduction
  2. jQuery Selectors
  3. jQuery and DOM
  4. jQuery and Event

Project: Working with jQuery.

Class 21:

  1. Introduction to jQuery Effects
  2. Hide, Show, Fade, Toggle
  3. Animation in jQuery
  4. Using Plugin in jQuery

Project: using a slider in JQuery.


  1. What is Domain and Hosting?
  2. Introduction to cPanel
  3. How to Host a Website in a Server?
  4. Working in Live Server.

Project: Host the website on a live server.

Class 22:

  1. What is Server Side Scripting?
  2. Introduction to PHP.
  3. How to Use XAMPP?
  4. PHP Syntax.
  5. Defining Variables and echo.
  6. Using include and require function

Project: Installing XAMPP in localhost. Working with PHP syntax.


  1. Create a complete working form using PHP

Project: Converting a static site to a Dynamic one.

Class 23:

  1. What is CMS?
  2. Introduction to WordPress.
  3. Creating Database For WP.
  4. Installing WP
  5. Overview of WP Elements

Project: Creating Database and Installing WP. Working With Theme in WP.


  1. Understanding the WP Dashboard
  2. Pages, Tags, Menu, Media, and Content
  3. Core WP Settings

 

  1. Finding and Installing WP Theme and Plugins

Project: Create a Menu in WP. Add a New Menu In WP, Installing New Theme

Class 24:

  1. Introduction to Marketplace (Fiverr)
  2. How to Create a Fiverr Account?
  3. Gigs Setting Techniques.
  4. Presentation. Certification and Closing Ceremony.

Project: Opening a Fiverr Account.

Course duration: 3 months.
🔰 At the end of each class you will get the video of the entire session...
🎯 To register call: 01611536464
🔷 There is a certificate after successful completion of the course.
🔺 Contact 🔺
  ➖➖➖➖➖➖
🌐 www.gpit.com.bd
🔰 (GPIT) Global Professional IT
164/1 BRB Cable Building (2nd Floor) Shabujbagh, Middle Basaboo,
Dhaka-1214. (Near Shabujhagh Police Station)
🔷 For all information related to courses and admission
+880 1611-536464
Get A Free Quate