web development course at jumtech

Professional Web Development with WordPress

Course nameProfessional Web Development with WordPress
Course duration4 months
Class routine3 Classes per week, 2h per class
Friday and Saturday
9am to 11 am
QA session: Wednesday
LanguagesHTML, CSS3, Bootstrap4, JavaScript, jQuery, Php, WordPress
AddressMonoghor, Rangapani, Rangamati
Course Fee20,000 Taka
  • Training by highly experienced professionals
  • Slideshow (PPT) and Hands-on training
  • Each class will be recorded and saved on server to facilitate better learning
  • Provide source files and Materials
  • Interactive session with QA’s
  • Real-time projects scenarios & Certification Help
  • Most competitive & affordable course fees

In this course you will learn how to apply concepts from interaction design and human-computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using JavaScript objects and templates. You’ll also learn about jQuery plugins and basic Word Press Theme Customization.

After completing the course students will become a certified web designer and can earn through freelancing. They will become proficient in HTML 5, CSS 3, jQuery, JavaScript, Bootstrap and WordPress.

On completion of the course, students will be able to:

  • Create HTML layout
  • Create a sign in and sign up a page with a navigation bar
  • Make Multipage website
  • Make PSD to Responsive Design
  • Understand and be able to apply media queries and breakpoints.
  • Add responsive jQuery plugins such as sliding carousels and social share buttons.
  • Create Landing Page
  • Create E-commerce website with premium Wp theme
  • Full Theme customization
  • Build a responsive website from scratch or by using a Bootstrap
  • Student will be proficient in the following technologies:
  • HTML 5, CSS 3, JQuery, JavaScript, Bootstrap, WordPress
  • Students will receive language training appropriate for Freelance markets places and international client communication
  • Student will be able to develop full websites, including:
    1. responsive (mobile friendly)
    2. landing pages
  • Students will be able to create HTML email templates
  • Student will have working experience in all major freelance market places
  • Student will be instructed on the fundamentals of:
    1. Effective branding as a freelancer
    2. Creating an effective 100% complete profile on Freelance market places
  • How to communicate with the client
  1. How to bid and win jobs
  2. How to manage projects and receive high ratings
  • Course requirements/ prerequisites:
    1. Basic knowledge of PCs, MS Windows, internet and online proficiency
    2. Basic knowledge of English (reading/writing/speaking)
  • Familiarity with coding will be helpful
  • Introduction of different Web Technology
  • Introduction
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Formatting
  • HTML Fonts
  • HTML Styles
  • HTML Links
  • HTML Images
  • HTML comments
  • HTML Tables
  • HTML Lists
  • HTML Forms
  • HTML Frames
  • HTML Iframes
  • HTML Colors
  • HTML Color names
  • HTML Color values
  • HTML Layout
  • HTML Head
  • HTML Meta
  • HTML Scripts
  • HTML Entities
  • HTML Media
  • HTML Audio
  • HTML Video
  • HTML YouTube
  • HTML Summary

HTML5

  • HTML5 Introduction
  • HTML5 Semantic tags
  • HTML5 new items
  • HTML5 Drag and Drop
  • HTML5 Canvas
  • HTML5 SVG
  • HTML5 Canvas vs. SVG
  • HTML5 Geolocation

Real life Project

  • Make a contact form
  • Make a Log in form

Introducing CSS3

  • What is CSS3?
  • The History of CSS
  • Browser Support
  • Syntax

Selectors and Pseudo Classes

  • Tags, Class and ID
  • Attribute Selectors
  • Pseudo-Class

Dimension

  • Box Model
  • Height
  • Width
  • Padding
  • Margins
  • Border
  • Outline
  • Box sizing

Fonts import and Font properties

  • Google fonts
  • Font Services
  • Font type
  • Font family
  • Font style
  • Font size
  • Font weight

Text Formatting & Effects

  • Color theory and use
  • Text align
  • Text decoration
  • Text transform
  • Letter spacing  
  • Line height
  • Word Spacing
  • Word Wrapping

Background and Images

  • Background properties
  • Opacity
  • Gallery

CSS links and Buttons

  • :link
  • :hover
  • :active
  • :visited

CSS Lists

  • Unordered and Ordered list style

CSS Tables

  • Styling tables

CSS Layout

  • Float
  • Display: Block, inline, inline-block
  • Position: static, relative, fixed, absolute, sticky
  • Elements Alignment
  • Flexbox
  • Grid layout

CSS Forms

  • Styling forms

Shadow and Gradient

  • Text shadow
  • Box shadow
  • Linear gradient
  • Radial gradient

Transformation and Transition

  • 2D and 3D transformation
  • Transition

Animation

  • @keyframes
  • Animation

Media Queries and Other theories

  • Media queries
  • Responsive Web design basics
  • Viewport
  • Frameworks
  • Units, px-em convert

Introduction

  • What is bootstrap,
  • history,
  • Import

Layout

  • Container
  • Grid basic
  • Media objects

Content

  • Typography
  • Images
  • Tables
  • Figures

Utilities

  • Borders
  • Clearfix
  • Colors
  • Display
  • Flex
  • Position
  • Text
  • Sizing

Components

  • Alert
  • Badge
  • Breadcrumb
  • Buttons
  • Card
  • Carousel
  • Collapse
  • Dropdown
  • Forms
  • Jumbotron
  • Modal
  • Nav
  • Navbar
  • Pagination
  • Progress
  • Scrollspy
  • Tooltips

Photoshop

  • Introduction to tools
  • Slicing
  • Export

Real life Project

  • 1 PSD to html convert

Deployment

  • Hosting
  • Deploying application on a web Server

Module 1: Variable, Value, Data type, Operators and Expressions

  • Comments
  • Variables: and let keyword
  • Statements
  • Value
  • JS Keywords
  • Data types
  • Type of Operators
  • Understanding Expressions
  1. Module 1 Practice and Assessment
    • Programming & Code Reading Assignments: 3
    • Reading Assignments: 1

Module 2: Arrays, Decision making and Loops

  1. String
  2. Arrays
  3. If Statement
  4. If-Else Statement
  5. If-Else-IF ladder and Nested If Statements
  6. Switch
  7. Handling repetitive tasks with loops
  8. For Loop
  9. While and Do-While Loop
  10. Practice and Assessment
  11. Programming and Code Reading Assignments: 3

Module 3: Functions, Variable Scope and Objects

  1. What is Function?
  2. Calling a Function
  3. Parameters and default parameters
  4. Scope of Variables: block level scope(ES6)
  5. Predefined Functions
  6. What is Objects?
  7. Elements and Properties
  8. Accessing an Object’s properties and methods
  9. Constructor and this keyword
  10. Date and Math Objects
  11. Practice and Assessment
  12. Programming and Code Reading Assignments: 3
  13. Reading Assignments: 2

 

Module 4: The Browser Environment

  1. BOM (Browser Object Model)
  2. * properties
  3. DOM (document object model)
  4. Accessing DOM Nodes
  5. Modifying DOM Nodes
  6. Creating and Removing Nodes
  7. Module 4 Practice and Assessment
  8. Programming and Code Reading Assignments: 4
  9. Reading Assignments: 2

Module 5 – Events and Event Handling

  1. What are Events?
  2. Listen to Events.
  3. Event Handling
  4. HTML5 Forms and Input tag (form validation)
  5. Get and Post methods
  6. Module 5 Practice and Assessment
  7. Programming and Code Reading Assignments: 3
  8. Reading Assignments: 2

Module 6: What is New in ES6.

  1. Constants
  2. Scoping: block scope variables and functions
  3. Arrow functions
  4. Extended Parameter Handling
  5. Template Literals
  6. Enhanced Object Properties
  7. Restructuring Assignment
  8. Class Definition and Inheritance
  9. Symbol Type
  10. Iterators & For-Of Operator
  11. Generators
  12. Typed Arrays
  13. New Built-in Methods
  14. Promises
  15. Internationalization & Localization
  16. Module 6 Practice and Assessment
  17. Programming and Code Reading Assignments: 3
  18. Reading Assignments: 3

 

Module 7: JQuery

  1. What is jQuery?
  2. Structure of jQuery
  3. Using jQuery and including .js file to HTML
  4. Type of Selectors
  5. Handling Events with jQuery
  6. Module 7 Practice and Assessment
  7. Programming and Code Reading Assignments: 3
  8. Reading Assignments: 1

Module 8: Filtering, Searching and Effects

  1. Selectors Recap
  2. Element and ID Selectors
  3. jQuery DOM Traversal
  4. jQuery DOM Manipulation
  5. jQuery Effects (…)
  6. Module 8 Practice and Assessment
  7. Programming and Code Reading Assignments: 3
  8. Reading Assignments: 1

Module 9: AJAX and JQuery

  1. Introduction to AJAX
  2. Asynchronous access to remote data
  3. GET HTTP request
  4. AJAX Load
  5. Send Data

Module 10: HTML5 Forms and JQuery UI

  1. Understanding Forms
  2. Adding Smarts to Your Forms
  3. Form Validation
  4. Validation Tutorial
  5. Introduction to jQuery UI
  6. Animation and Special Effects
  7. Module 11 Practice and Assessment
  8. 7 Programming and Code Reading Assignments: 3
  9. 8 Reading Assignments: 1

Introduction to php

  • Basic php syntax
  • Variables
  • Loops
  • If else conditions
  • Array
  • Object

Introduction to WordPress

  • A brief history
  • More about WordPress
  • WordPress Blogs vs. Websites
  • A brief introduction to WordPress themes
  • Getting started with WordPress

Installing WordPress

  • Uploading WordPress to your web server
  • Installing WordPress
  • Database Connectivity
  • Theme Customization

Configuring WordPress

  • Using the WordPress dashboard
  • Managing content in the WordPress dashboard
  • Types of users
  • The WordPress settings panel
  • Reading and writing settings
  • Permalinks and RSS feeds
  • Creating and managing posts
  • Setting up post categories
  • Creating and managing pages
  • Managing comments
  • Installing and updating plugins
  • Customizing WordPress themes
  • WordPress theme options

Making a Professional Ecommerce website