Complete Web Developer Course to Build Premium Web Templates

You will able to develop your own responsive website or premium web templates which you can able to sell on ThemeForest
4.5 (30 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
270 students enrolled
Sale Ends Today!
25% off
Take This Course
  • Lectures 176
  • Exercises 1 coding exercises
  • Length 14.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Coding Exercises New!
    Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English

Course Description

Hello and welcome to the Complete Web developer course to build premium web template. I am so happy you are here. My name is Niamul and I am the Instructor for this course. You might be wondering "is this right course for me". Wel let me see If I can help you , I designed this course for anyone who want to learn web development Eigther a true beginer who don't know about web programming language or a advance developer who want to learn Premium web template development. I don't assume you have any prior programming knowledge all is needed is the drive to learn.

So what is the course goal ?

  1. Develop premium web templates or your own responsive website with HTML5 and CSS3 and BootStrap3
  2. Sell premium web templates at ThemeForest marketplace
  3. Create your own blog or affiliate site with Wordpress
  4. Start earning money from freelance web development work
  5. Become a top professional web developer!

Who should take this course?

This course is for beginners interested in learning about web development , Students, Freelancers who Want to Learn Web Development from very Beginning to Advance Level, Those who Want to develop premium web templates and sell on ThemeForest.

What you will Learn ?

You will learn HTML ,CSS , HTML5 , CSS3 , LESS , PHP , MYSQL , BootStrap3 , PSD to HTML5 Template Development and WordPress CMS.

What actually I am going to focus ?

I will start from very beginning to professional level. I will show you to prepare workstation like to setup IDE and Development Tools. I will show you how to convert a PSD to html5 Template and have Practical session about to develop your own blog or affiliate site with WordPress.

And obviously how to prepare file and upload premium template on envato marketplace and start selling premium templates.

Why learn from me ?

Well I am a Computer Science Graduate and Working as a Web Developer since 7 years. I am an Elite author at envato marketplace and selling premium templates there.

Anything bonus?

Yes obviously. I will include my 5 Premium Template for your practice with Extended license which is value of $8840 at Envato market.

So why late ? Go and Enroll with this course , Upload your premium template at envato marketplace and Make a Lot of money.

I will like to see you in my next lecture. Have a good day.

What are the requirements?

  • Internet Browsing

What am I going to get from this course?

  • Develop premium web templates or your own responsive website with HTML5 and CSS3 and BootStrap3
  • Sell premium web templates at ThemeForest marketplace
  • Create your own blog or affiliate site with Wordpress
  • Start earning money from freelance web development work
  • Become a top professional web developer!

Who is the target audience?

  • Who should take this course : This course is for beginners interested in learning about web development , Students, Freelancers, Teachers, Want to Learn Web Development from very Beginning to Advance Level, Those who Want to develop premium web templates and sell on ThemeForest.
  • Who should not take this course : This course is not intended for those who want to learn individual topics in very deep level. I had focused on the topics you need to know to develop Premium Web Template , your own responsive website , blog site or your own affiliate site. So all are very focused to related topics

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Setup Working Environment

Welcome lecture about the course , course goal and course focus point. It will be helpful for students to understand about course outlines.

Prepare own work environment for future work and practice

Download Sublime Text 3, Configure and Learn how to setup sublime text for professional web development


Download and setup PhpStrom. A details introduction with the IDE. Setup and configure the editor for future practice and professional web development project


Showing how to manage git & how to manage team, time , shedule and much more for a professional project


Just a activity for the students about to use IDE properly

Section 2: HTML ( part1 )

A Basic introduction about HTML.

At this lecture I will show about web basic layout and standard code pattern
At this lecture will clear everything inside head tag.At this lecture I will show about web basic layout and standard code pattern
A details introduction about DIV tag
Introduction about Heading and Paragraph Tags

Details introduction about Block Level and Text Level Element


Exercise for students to create attached web layout

Section 3: HTML ( part2 )
9 pages
Essential Tags for HTML
Use of Lists in real time project
1 question
Create an un ordered list with three elements
Introduction about Hyperlinks
Introduction about Image Tag

Introduction about HTML Table


Details lecture about Horizontal Line , Blockquote and Cites


Introduction about Form and Form Elements

Practical example about various form

Exercise about List and Table

Section 4: HTML ( part3 )

Example of standard HTML code

Practical example about how to use The W3C's HTML Validator

Activity for students to validate HTML code

10 pages

A conclusion lecture about HTML

Section 5: HTML5 ( part1 )

A Basic introduction about HTML5


Introduction about HTML5 Code Pattern overview


Details explanation about html Doctype

Just a introduction about The Simplest HTML Document Possible

Introduction about HTML Block and Inline Elements

Introduction about Header, Footer, and Navigation
Introduction about Articles and Section

Introduction about Asides tag.

A details about how to create FAQ in html5

Introduction and how to use HTML Shiv

Details about Figures

Exercise to complete a basic layout in html5

Section 6: Forms - HTML5 ( part2 )

Explanation about email input


Details about input type URL and Tel

Details about input type Search, Color, and Number

Introduction about HTML5 New Form Attributes

About Progress and Meter Tag

Activity for the students to make some necessary form to collect data.

Section 7: Feature Detection - HTML5 ( part3)

Details about HTML5 Feature Detection

Details description about why and how to use Modernizr

Details about Polyfills and How we will apply Polyfills


Activity about How to include modernizer

Section 8: Browser History - HTML5 ( part4 )

Explanation about Browser history pushState

Explanation about Browser history popState

Example about pushState and popState


Conclusion about HTML5

Section 9: CSS Basic ( part 1 )

What is css ?


CSS in Action , See the live example of using css


Introduction about CSS Selectors

The possible Ways to Deploy CSS

How to deploy css into a project

Section 10: Styling Specific Elements - CSS ( part 2)
How to style Text element
Practical example about Styling Tables and Lists

Practical example about Styling Backgrounds

Practical example about Making a CSS Button

Padding and margin explanation

Practical Example Of Creating a Drop-Down Menu with CSS

Example of DIV ID and DIV CLASS


How to style nested element


Create a drop down menu with html and css

Section 11: Box Model - CSS ( Part 3 )

Explanation about CSS Box model


Explanation about content area

Basic style example for Border and Outline

Tutorial about How to create a outline style around image

Section 12: Details Selector Reference - CSS ( Part 4 )

Introduction about [attribute]


How to catch child element


How to create a nested list

Section 13: Putting Elements Together - CSS ( Part 5 )
Introduction about In-Depth CSS Positioning

About css positioning


Introduction about Floating Elements


Activity about to make fixed header

9 pages

Conclusion of css

Section 14: CSS3 Basic ( Part 1 )

Introduction to css3


Details example about border radious

Introduction about Box-Shadow
Introduction about Prefixr
Introduction about Text-Shadow

CSS Gradients


Media Queries for Responsive Devices

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Niamul Hasan, Elite Author at Envato

I am an accomplished high technology executive with experience in product, service and technology development and operations.

I focus on strategic technology planning, IT applications and operations, product-engineering execution, creating high performance teams and successful products with market leadership position.

I have expertise in large scale web and mobile application development and high quality premium web template development and some server related work.

Over eight years of direct experience in technology start-ups, mergers and acquisition. Expertise ranging from application development/deployment and systems architecture, to technology marketing and sales support, to operational/procedural merge and technology investment assessment.Furthermore, I am multi-task oriented, enjoy challenges, and continually stay abreast of the latest advancements in the ICT field.

Key Skills:
• Industrial Web Development ( Large Scale ) - (3 years)
• Responsive web development with retina Support - (4 years)
• Premium web template development with various CMS - (4 Years)
• e-commerce web development ( Large Scale based on Shopify , Virtuemart , woo-commerce) - (3 Years)
• HTML5 , CSS3 , jQuery , Javascript - (7 Years )
• PHP , MySQL , JAVA , C , C++ - (3 Years)
• Android Application Development - (1.5 Years)
• Shell Script writing – Bash/PHP/Perl (1 year)
• VPS server setup and configuration with nginx - (1 year)
• Troubleshoot, deployment, upgrade server and pc system (1 year)
• Expert in UI/UX ( Web UI , Mobile UI, WareFrame, PSD Template Design ) - (2 years)

Industry Experience:
• Senior Web Developer - TI WebMaster , USA (2 years)
• Senior Web Developer - Safari Beats , Sydney , AU (1 Year)
• Co-Founder & CEO - ThemeRox , Dhaka , Bangladesh (1.5 years)
• Co-Founder & CEO - Cloud Software Solution ltd. , Dhaka , Bangladesh. (2014 to Present)

Web Development, Cloud Apps Development, Mobile App Development, Premium Web Template Development.

Ready to start learning?
Take This Course