Overview:

In this course, you can learn how to design and build beautiful websites by learning basic design principles such as branding color theory and typography, all of which are instrumental in a website’s design process. You will also learn the common code languages of HTML and CSS, Javascript, Jquery, PHP bootstrap, Mysql, and WordPress that all modern websites are based on.

These are useful skills to acquire as they are needed by almost every single business in the world to communicate with customers. After successfully completing the course, we will help you create your freelancer career on freelancer.com or the marketplace of Upwork or Fiverr.

Course Duration

3 months 30-36 Classes

Course Fee

10000 BDT

Key Features:

  • Basic Website design Concepts, Web Technologies and Tools
  • Making 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 functional website
  • PHP is a widely-used, open source scripting language
  • Cpanel, Hosting management and WordPress Customization

Contents of Training:

Module 1: Photoshop

  • Basic knowledge of Photoshop
  • Tools overview
  • Image editing
  • Retouching Techniques
  • Filtrating & Drawings
  • Layer Management
  • Using Presets
  • Typography

Module 2: HTML

  • 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.

Module 3: HTML & HTML 5

  • HTML lists, tables, quote, frames, fieldset, iframe elements overview, usages and placements.
  • Introduction to HTML5 and overview on 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.

Module 4: Cascade Style Sheets (CSS)

  • 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 block, inline and inline-block, display, display-table and visibility properties of HTML elements.

Module 5: CSS3

  • Introduction to CSS3, 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 use of transitions and animations.
  • CSS3 making cool visual with use of 2D and 3D transforms.
  • CSS3 Box sizing and Flex box features and use of these.
  • Use of Cross Browser CSS hacks to show HTML view same on different browsers.

Module 6: PSD to HTML Conversion

  • Learn what is PSD slicing, how to slice PSD to convert to HTML files.
  • Work with PSD layers to convert each layers to 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

Module 7: JAVASCRIPT

  • 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.

Module 8: JQUERY

  • 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?

Module 9: BOOTSTRAP

  • 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.

Module 10: PHP

  • 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.

Module 11: PHP

  • 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.

Module 13: SQL

  • 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?

Module 14: MYSQL

  • 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.

Module 15: MYSQLi

  • The basic idea on MYSQLi, differences between MYSQL and MYSQLi and benefits of using MYSQLi.
  • Convert the previous MYSQL project to MYSQLi.

Module 17: WordPress Configuration

  • 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

Module 18: WordPress Plug-ins and themes

  • 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

Module 19: Advance WordPress

  • 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

Module 20: Build your custom theme

  • 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 ChangeTechBD office nearest to you or submit a business inquiry online.

contacts