Front end WEB Designing

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimisation. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all.

The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing mark up. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating mark up then they are also expected to be up to date with web accessibility guidelines.

Here is a related YouTube playlist

Frontend web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly.While Web Designing may include a lot of stuff The three main fields to focus on are HTML, CSS and JavaScript.

That was a lot of formal definitions as for learning web designing the are a lot of open online study platforms like mentioned in my earlier blog .But where should one begin? To solve that problem I  differentiated some of the courses I took into three categories.

As for those who have never trusted MOOCS before I can say that they may take a bit of time to get the hang of but they are give you something that your degree college programme will never give you the comfort of studying by your own rules.


Courses having video and text materials/resources:

Introduction to HTML5 (Coursera) will help you with basics of Html elements.

Introduction to CSS3 (Coursera) will help you with basics of Css.

Interactivity with JavaScript (Coursera) will help you with basics of JavaScript.

Intro to Html and Css (Udacity) will help you with tools of Html & Css in browsers.

Javascript Basics (Udacity) will help you with tools of JavaScript in browsers

Courses having practice focused approach:

Codecademy helps clear basics.

FreeCodeCamp Start from beginning and keep on practising the things you learn.

W3Schools learn new things and give the exercises a try.

Tutorial Point Focus only on Html, Css and JavaScript.

Learning from Moocs is all about exploring so if any of the above courses do not meet your needs feel free to explore the sites mentioned on MOOCS. Maybe you might find something new.


Bootstrap Youtube Tutorial


Photoshop Youtube Tutorial

Thanks a lot for reading if you guys know about any better ones please comment and if you liked this post please follow and check for updates.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s