Prelude to web design

Bravosi

New member
Registered
Joined
Nov 19, 2018
Messages
2
Points
1
Hello!

Let me introduce myself first, I'm new here.
I'm interested in learning about web development, but in particular, the imagination I have for the design of a website is tremendous.

No matter how good of a web developer you are, you must have a decent and creative design, which attracts people. It's an important aspect and stage.
What are your prelude design stages prior to web development? Do you draw it in your head or on a paper?

design.png
 

David Beroff

Well-known member
Registered
Joined
Jun 14, 2016
Messages
1,477
Points
63
No matter how good of a web developer you are
It depends on your knowledge, you can be an amateur or a specialist in web design field, but firstly you need to learn HTML, CSS, Javascript and other programming language to start design a website as your wish.
Do you draw it in your head or on a paper?
For some newbies or starters, maybe they will write ideas or design on paper first before applying codes for their design.
 

Bryan McClure

Well-known member
Registered
Joined
Jul 20, 2016
Messages
271
Points
18
What are your prelude design stages prior to web development?
If you have decided to pursue a career as a web programmer, you have made an excellent decision. Web development is one of the highest paid sectors for people who have just started their careers. So, if you want to create a website for yourself or start your journey as a highly profitable web programmer, you should start somewhere.

Web development has a broad spectrum, so before you start, it's a good idea to have a clear goal in mind.

Your goals can range from changing careers to opening personal e-commerce. Alternatively, the schedule for friends or fun. Whatever your goal, make sure you understand what you are doing and why you are doing it. Web development involves many smaller branches of work, having a clear objective will help you decide what to learn first and what to omit.

Front-end development
Front-end consists of everything the user sees. All the design of the website, the menus, the interactions with the buttons and the images that create the user experience. It's like the front of your store and what the user sees when he enters your store.

Front-end programmers are visually creative with excellent design skills. However, it is more than merely making the site look beautiful. They also think about all the interactions, the ease of navigating and the ease of use. The arsenal of front-end developers is made up of HTML, CSS and JavaScript programming languages.

On the other hand, back-end development consists of writing code that is not seen by the end user. In general, it involves working on improvements to the system's functionality, APIs, libraries and the like. In simple words, back-end development means working with code that is not seen directly.

HTML and CSS
HTML is used to represent various contents such as paragraphs of text, titles, tables, etc. Considered one of the easiest languages to learn, HTML is an excellent starting point for any developer. Regardless of the work area you choose, HTML is part of the default package "I know how to use a computer." CSS is used to style the content you create with HTML. Think of your website as a can of soup. HTML is the soup and the text of the label, while CSS is the design and layout.

The best place to learn to program in HTML and CSS is W3Schools, where you can find interactive courses of HTML and CSS. All coding is done within the browser, so no additional downloads are required. At the end of the course, you will even have a basic website in operation. Completing the course takes approximately one or two weeks or more than that.

JavaScript
Once you have a good understanding of CSS and HTML, it's time to add spice with some JavaScript. It is used to make a website more "alive." JS is a desired skill at this time because companies are focusing on creating dynamic and interactive websites.

Javascript gives the site interactive functionality. Facebook type buttons, Twitter retweets and various forms work with Javascript. It gives users a visual representation of their actions and helps web developers to catalogue where the user clicked.

Back-end development
Backend: generally associated with databases. The backend of the website is like a storage room in the store, out of sight of visitors. However, it is a crucial part of the store itself. Back-end developers are often great problem solvers, incorporate logical thinking into their everyday lives and are more interested in the functionality of the website than in its appearance.

The back-end developers use server-side languages such as PHP and SQL. The basic understanding of HTML and CSS is almost necessary to represent any information in a presentable manner.

SQL
If your website collects user information, such as email addresses, first names, surnames, etc. You must store this information in a database. SQL is used within the database to filter, add, delete and merge this information. Going back to the example of the store, imagine that the database is your storage room. It's huge, but fortunately, you have an employee who knows you well. He knows where each item is stored, but only speaks the SQL language. So, to ask something or give instructions, you would need to use SQL.

Where to start learning SQL? On the internet of course. You can start your journey through this SQL course. Interactive SQL Tutorial: Learn SQL commands and practice SQL online. The coding takes place inside the browser, and the pace is excellent. This course should be enough to prepare you for your first project.

PHP
To make the website more functional PHP is used. This programming language is excellent when it comes to communication between websites and databases. If you have ever used a login form, it is most likely done using PHP. When you enter your login data on the website, PHP goes and verifies in the database if the details are correct. If they match, you can log in successfully. To study PHP, I recommend that you start with this course. Learn PHP online: Basic aspects of PHP explained in an interactive PHP tutorial.

The best courses use interactive learning environments. Then, you can start coding immediately. Moreover, it will not be necessary to configure a local development environment first. Writing code, testing and seeing a visual representation of your code is very positive for your motivation. Congratulations, now you are on your way to becoming a web developer. Decide if you want to be a front-end or back-end programmer, and start learning the associated languages.

Summary
There are many different languages that a web programmer needs to master; it does not matter if you are looking to start as a front-end or back-end developer. It's a long way ahead. However, there are online learning platforms that can help you learn. Moreover, it is a generalized idea that the best developers do not even have a formal education.

HTML and CSS are the best places to start because you will have to understand them both, regardless of whether you are a frontend developer or back-end. Moreover, then try to specialize in other languages. It will be much easier once you understand the syntax of the code, the best general practices and the coding rules. Good luck to all future developers!

Hope it helped!
 
Newer Threads
Recommended Threads
Replies
8
Views
3,981
Replies
6
Views
616
Replies
9
Views
4,637
Similar Threads
Replies
1
Views
48
Replies
2
Views
222
Replies
14
Views
513
Replies
1
Views
446

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top