There are no crazy languages in web design ! However, ” Web design ” and ” Web development ” are two different things. This article will show you what is the difference between web design and web development.
It includes the use of graphic design software to design a website from the beginning. Adobe has products such as Adobe Photoshop, Adobe Illustrator and Adobe XD (new).
The design of the interface in websites and web applications, including symmetry, color, layout, layout and other content.
The goals of Web Designer are:
- Make UI ( User Interface ) design.
- Focus on UX ( User Experience ).
- Present their designs to web developers.
- Make further changes to the design during the development process.
The next step in web design involves applying these visual designs using a coding language suitable for the intended platform.
There are two types of developers, which are front-end ( client ) and back-end ( server ).
A person can belong to two types at the same time, we called that Full-Stack Developer.
Two parts for web development :
In order to improve usability, customization and appearance, frameworks or libraries such as Bootstrap (CSS/JS library), Jquery (JS library) and client-side frameworks such as ” Angular ” are used.
The back-end part includes the logic to build a website or web application. It includes creating a database and interacting with the database, providing security and services for the front end (REST / SOAP / XML).
Back-end developers usually work on sensitive parts of the website or web application, such as user login information, product database, account, and security. Languages such as Python, Perl, ASP.NET, JAVA and PHP are used for back-end development.
The goals of web developers are:
- Check the design provided by Web Designer and develop it.
- Design and develop the front-end part.
- Present to back-end developers.
- Check the front-end components that require back-end support.
- Interact with the database to store data.
- Build security components to display data only as needed.
- Make an authentication system.
- Use REST/SOAP/XML to provide web services to the front end.
If you want to participate in both processes at the same time, instead of learning all the image processing skills in Photoshop like other tools, you need to use the HTML makeup language (CBS style language), which defines the color and appearance of the elements in the layout.
Languages that usually used for web development :
This is the standard markup language used to create web pages. In addition, HTML can define the structure of web pages.
CSS is a style sheet language used to describe the appearance of web pages. If your webpage contains only pure HTML, people won’t view it, so add CSS to make it look more beautiful.
After learning CSS, start with Bootstrap. This will help you create responsive web pages. Have you ever thought about how the web page will adjust itself if you want to view the web page on the desktop and then on the phone? Well, the bootloader can do this.
6. Php / NodeJS / Asp.net
Used for any or all of certain server-side web applications.
7. MySql / Mariadb / Mongodb
Database that stores all data.
In conclusion, I hope I have figured out what web development is and what web design actually is !
If I miss anything, then Google search will provide more information and knowledge for your reading experience.
This article also enough to show that how to be a full-stack web developer.