Web design is the visual aesthetics and the page layout of a website. It goes hand-in-
What is Web Designing?
Web design is basically the look and feel of the website how it looks in simple words its the aesthetics of the site.
The web design process starts with a visual concept, which you could sketch by hand or with software like Photoshop. Then, you use HTML and CSS to build the website. HTML and CSS are the codes for writing web pages. HTML is the car structure and CSS is the appearance of the car and the interior design and engine of the car.
If you’re a good web designer, you’ll also pay attention to concepts like responsive design, aesthetics, usability, and accessibility when building your site.
What is Web Development?
As the design is the look and feel of a website the development process deals with the brains of the site. What will be the functionalities that the web site will be providing and all the back end stuff like the logic building is handled in the web development process.
The steps are in the following sequence:
- Web Design
- Web Development
And I am going to cover some basics of both steps and after that, we can take a look in more depth on each individual component.
The Basics: Markup Languages and Style Sheets
- HTML (HTML5)
CLIENT-SIDE SCRIPTING LANGUAGES & FRAMEWORKS
The client-side code runs in the browser—it’s temporarily downloaded from the server to the browser so it can run independently of the Client-side scripts have a number of frameworks to support developers and add extra functionality.
What your site gets from these scripts is a fast, seamless, desktop experience, with less load on the server. To keep pace with these more advanced dynamic websites, there are also CSS preprocessors and front-end frameworks which make it easier to style your websites and keep pace with the ever-evolving world of web design.
Browser-based, front-end languages include:
- Silverlight (for gaming)
Popular client-side frameworks and libraries include:
- AngularJS, Angular 2
Popular CSS pre-processors and front-end frameworks include:
- Material UI
- Semantic UI
SERVER-SIDE SCRIPTING LANGUAGES & FRAMEWORKS
All sites are hosted on a powerful computer called a Without getting too technical, the server-side code lives on your server and has direct access to your database. By running on the server, it serves as go-between architecture, transferring data to the browser, minimizing the browser’s workload (and necessary client-side scripting), and making your site more secure.
Each language has a number of frameworks to support developers in writing code—some with add-ons, extras, and built-in APIs and other software that make building a top-to-bottom application fast and
Server-Side Scripting Languages:
C, C++ languages
Ruby programming language
Perl & Perl 5
SQL, a language for database queries
Popular server-side frameworks and libraries include
The Ruby on Rails framework
The Django framework (Python)