NS Techs

Programming for Website

We will choose the most suitable path for building your website depending on some very important factors like your workflow, technical knowledge and your involvement with future content updates.

Front End VS Back End

Front End vs Back End Web Development

The part of the website that viewers see is called the front end. The back end comprises of all the stored data, images, the server and other components.

Frontend development is done in HTML, CSS and JavaScript, while back end developers normally use PHP, Ruby, Python, Java, SQL or .Net for programming.

Full stack developers who understand and can code the full stack ie both frontend and backend.

To truly master your craft, you need to understand the medium.

A designer needs to understand just enough about the code that forms the basis of the web – to be able to connect the dots and make sound design decisions.

HTML

HyperText Markup Language

Going from the design or mockup to a live website involves many stages of coding, and as you saw above, many languages.

The first step in the process is usually to map out the components of the site into HTML elements and write out the basic HTML code.

CSS

Cascading Style Sheets

Most of the styling information is stored separately from the HTML as CSS sheets.

All pages can use a common set of CSS style sheets to leverage a common layout, font set etc.

JavaScript is what lets you have dynamic, interactive elements on your web page. Most contact forms, changing image carousels, auto-suggest / auto-fill fields and the likes are all based on JavaScript.

JavaScript is also used to change the HTML content, or load different content.

Putting it All Together

HTML, CSS and JavaScript come together

The coding process is often iterative with the developer switching back and forth between these languages, depending on the functionality required.

Wrapping it Up

While our designers know how to code, taking the effort to learn the basics of front end development definitely expand our horizons. It brings in
an understanding that helps create new design possibilities
the ability to implement or experiment with your own live sites
he opportunity or perhaps the vocabulary to interact with your developers

and most of all, the satisfaction and respect you get from all of the above.