Web Design and Development

Overview:

Course Duration

3 months 30-36 Classes

Course Fee

10000 BDT

Class Time

Saturday- Monday-Wednesday 4:00 pm and 6:00 pm

Key Features:

  • Basic Website design Concepts, Web Technologies, and Tools
  • Making a responsive website easily with bootstrap
  • Adobe Photoshop for template design
  • Template conversion from PSD to HTML
  • Enhance Website graphics with HTML5 and CSS3
  • Javascript and, jquery for a functional website
  • PHP is a widely-used, open source scripting language
  • Cpanel, Hosting management and WordPress Customization

Contents of Training:

  • Basic knowledge of Photoshop
  • Tools overview
  • Image editing
  • Retouching Techniques
  • Filtrating & Drawings
  • Layer Management
  • Using Presets
  • Typography
  • Introduction to HTML
  • Which IDE to use and how to use IDE for HTML, CSS, and PHP, Basic ideas on IDE tools and menu.
  • Ideas on HTML Attributes and Tags, how and where to use which attributes and tags. Showing Common mistakes on tag placements.
  • HTML headings, paragraph, anchor, image, inline elements, block elements overview, usages, and placements.
  • HTML Form elements, input, select, text area, radio box, checkbox, buttons elements overview, usages, and placements.
  • HTML lists, tables, quote, frames, fieldset, iframe elements overview, usages, and placements.
  • Introduction to HTML5 and overview of the difference from HTML.
  • HTML5 elements overview, usages, and placements.
  • HTML5 media, video, audio elements overview, usages, and placements.
  • HTML5 Canvas, SVG and Media elements overview, usages, and placements.
  • Introduction to CSS, what is CSS and how and where to use it.
  • Relationship with HTML & HTML5. How CSS will work with HTML & HTML5.
  • What is Inline CSS, where to write it, precedence & priority of Inline CSS.
  • What is Internal CSS, where to write it, precedence & priority of Internal CSS.
  • What is External CSS, where to write it, precedence & priority of External CSS.
  • What is CSS overriding, how and where it takes places?
  • CSS syntax, Classes & IDs, Floating, Positioning and overflow.
  • CSS use of fonts, from where and how to get fonts and how to use those.
  • CSS use of colors, Margins, Paddings, Borders, width and height, alignments and opacity.
  • CSS for the block, inline and inline-block, display, display-table and visibility properties of HTML elements.
  • Introduction to CSS3, the Difference between CSS and CSS3, and extra benefits of using CSS3.
  • CSS3 use of texts, fonts, shadows, and gradients.
  • CSS3 use of backgrounds, border images, and rounded corners elements.
  • CSS3 making cool visual with the use of transitions and animations.
  • CSS3 making cool visual with the use of 2D and 3D transforms.
  • CSS3 Box-sizing and Flexbox features and use of these.
  • Use of Cross Browser CSS hacks to show HTML view same on different browsers.
  • Learn what is PSD slicing, how to slice PSD to convert to HTML files.
  • Work with PSD layers to convert each layer to a single HTML file.
  • Convert PSD design to fixed width HTML with pixel perfect calculation.
  • Practical and Project Assignments on PSD to fixed width HTML.
  • Introduction to responsive HTML, where and when to use it and benefits of making responsive HTML.
  • Introduction to Media Query, media query syntax, how to use media query to make a HTML file to responsive.
  • Practical and Project Assignments on PSD to responsive HTML using Media Query
  • Introduction to Javascript, what is client-side scripting, what is the benefits of using Javascript.
  • Where to write scripts, internal and external Javascript placements.
  • Javascript syntax, common syntax as global programming languages.
  • Javascript data types, creating variables and variable scopes.
  • Javascript integer, string, array and object variables, initializations and usages,
  • Javascript use of operators, arithmetic and assignments.
  • Javascript using functions, parameters and return types.
  • Javascript built-in functions and methods and usages.
  • Javascript use of Math, Date, Array and String methods.
  • Javascript use of conditions, loops, and break.
  • JavaScript examples and assignments.
  • Introduction to jQuery, benefits of using jQuery library than to use raw Javascript.
  • jQuery syntax and how to write code in jQuery.
  • What are DOM elements, how to jQuery to traversing DOM element easily, the necessity for element traversing? Make use to element traversing functions and most common usages.
  • Using jquery to handle and control DOM elements CSS to change element behavior in the client side.
  • How to use jQuery effects and animations to show nice effects on the client side. Get used to built-in animation/effect functions and make new custom effects.
  • What are jQuery plugins, where to get these and how and why to use these?
  • Introduction to Bootstrap, what are the benefits to use Bootstrap.
  • Knowing Bootstrap features, grids, and measurements, use of Form elements, lists, and panels.
  • Bootstrap use of popup, modal, tooltips, navigation, and carousel,
  • PSD to bootstrap HTML conversion using bootstrap features.
  • Customizing Bootstrap attributes and necessity for this.
  • Practical and Project Assignment on PSD to bootstrap HTML conversion.
  • Introduction to PHP, what is server-side scripting, how it works on websites. What are the common factors of PHP with other programming languages like C?
  • Downloading and installing the latest version of XAMPP server and run a simple PHP script.
  • PHP Syntax, use of Data types, variables & operators. Precedence of operators.
  • PHP use of Conditions, Switch, Loops and break.
  • PHP using custom functions, parameters and return types.
  • PHP use of built-in functions and usages. Use of Array, String & Date functions.
  • What is a regular expression (Regex), where to use Regex, how to write Regex, benefits of using Regex? Basic ideas on PHP Regex functions.
  • PHP Form handling, understanding the form action, method, and types. A brief idea on Form elements with examples and usages.
  • PHP File Handling, why to handle files and what are the purposes, Basic ideas on built-in File handling functions.
  • Introduction to Cookie and Session, understanding the difference and when to use which. Importance of Cookie and Session in web-based solutions. Practical examples of Cookie and Session variables and functions.
  • Short brief and basic ideas on other important PHP built-in functions.
  • Introduction to database and SQL, when and why to use the database and how SQL language works with the database.
  • Basic ideas and example of SQL statements.
  • Introduction to database tables, SQL to create and alter database table structures. Ideas on Primary, Foreign and Unique keys, and other constraints.
  • SQL queries for data read, write and delete. Ideas on SELECT, INSERT, DELETE AND UPDATE statements.
  • Ideas on SQL conditions and operators, how and when to use these.
  • How to sort and limit data, Basic ideas on ORDER BY and LIMIT keywords.
  • Ideas on SQL joining, type of joining and their appropriate usages. Difference between different JOINING Keywords.
  • What are data grouping, How to use GROUP BY and HAVING keywords, what are the benefits? What are SQL built-in functions, usages of aggregate functions?
  • Introduction to MYSQL and PHP MYADMIN. Basic ideas on the PHP Myadmin interface, how to create a database and execute SQL queries
  • Connect MYSQL with PHP, basic ideas on MYSQL built-in functions of PHP.
  • MYSQL Database operations using PHP, sample examples how PHP functions work with MYSQL database. 17
  • Practical and Project assignment to create a Database Project with raw PHP with usages of MYSQL functions and SQL queries.
  • The basic idea on MYSQLi, differences between MYSQL and MYSQLi and benefits of using MYSQLi.
  • Convert the previous MYSQL project to MYSQLi.
  • What is a “blog
  • What is CMS
  • What is WordPress
  • WordPress Evolution and Versions
  • WordPress Concepts
  • WordPress Terminology
  • WordPress Data Flow
  • WordPress Architecture
  • WordPress Installation
  • WordPress Dashboard
  • WordPress Directory Structure
  • The wp-config.php File
  • The .htaccess file
  • WordPress Functions, API and Documentation
  • General Setting
  • Writing Setting
  • Reading Setting
  • Discussion Setting
  • Media Setting
  • Permalink Setting
  • Plugin Setting
  • Posts vs Pages
  • WordPress Loop or Content Generation Process
  • Content Workflow
  • Post Fields and Writing a Post
  • Post Management
  • Post Template Files
  • Pages
  • WP_Query object
  • Custom Query
  • Global Variables
  • Tags
  • Category
  • Comments
  • Database and WP tables
  • Manual Table Manipulation
  • Taxonomy
  • Categories, Tags and Custom Taxonomies
  • Metadata
  • What is a Plugin?
  • Writing a Plugin
  • Programming Plugin
  • Internationalizing Plugin
  • Plugin Updates
  • Plugin Management
  • Hooks
  • Widgets
  • Developing Widgets
  • WordPress Theme Basics
  • Installation and Uninstallation
  • Theme Structure
  • Themes Development
  • Template Files

• Understanding the Dashboard
• Understanding Themes
• Understanding Widgets
• Understanding Plugins
• Create A Custom Theme
• Building a basic WordPress Framework
• Create A Custom Plugin
• Create A Custom Widget
• Develop your custom theme
• Outline final requirements

  • • Build your custom theme/Widgets/Plugins
    • Question and Answers
    Session 8
    • Work on the final project
    • Question and Answers
    Session 9
    • Work on final project
    • Question and Answers
    • Present your final project
how can we help you?

Contact us at the ChangeTech office nearest to you or submit a business inquiry online.