Skip to main content

Front-end development

     In this report, we are going to study about Front-end development. So, first of all we have to understand what Frontend development is and what does the Front-end developer do. So, front-end developers are the glue that holds Web-Designers and Back-end Developers together. Their main tools are HTML, CSS and JavaScript.

         Trends in Front-end development are always changing. This can make being a front-end developer challenging. But it is good to the great extent as you’re always learning new technologies.

The Front-end of any web page is generally everything you see and interact within the browser as a user of the application. For example, just think of your favorite site. When you click on something in the site, some action performed and you see the result not the whole process going in the background of the website. That means, the user only interact with the things he sees on the screen. Thus, it should look beautiful and convenient, easy to understand, text should be readable, color-scheme should be chosen wisely.

Getting started-(with downloading a text-editor)

To make a webpage or website first you need to write your source code for which you need a text editor. There are a lot of text editors that we can use like simple Notepad which is in the windows already or Notepad++, Sublime text, Brackets, Visual studio, Atom whatever you prefer.

Emmet(web-developers’ essential toolkit)-

Emmet is a plug-in for many of the popular text-editors (as sublime text, notepad++) which improve HTML and CSS workflow. We use the Emmet’s abbreviated shortcuts to write large HTML and CSS code faster and more efficiently. In most of the text editors, simply pressing tab-key is going to expand your shortcuts. Hence, it extends editor’s functionality. It also 

Comments

Post a Comment

Popular posts from this blog

Cascading Style Sheet

  CSS ( The Stylist ) HTML is responsible for all the core foundation and CSS is responsible designing of webpage like pretty layout, add colors to your font, change the font-size and font-style etc. Both are used together.               Hence we can say that- “It is a language for specifying how documents/web-pages are presented to the user.” By the use of CSS, we can manage what the color of text, style of fonts, background color and images, spaces between the paragraphs, variation in display for different devices and screen size should be, how columns are sized etc. It gives us the control over presentation of the document.   History and versions- It was invented by HakonWium Lie in 1994 and maintained by a group of people within the W3C (World Wide Web Consortium). This group creates docs. called ‘specifications’. After a discussion by W3C members, it becomes a ‘recommendation’. In December 1996, C...
Post a Comment
Read more

Basic Structure of JavaScript

  JavaScript can be implemented using JS code in between <script> …. </script> tag if you have kept your JS code inside the HTML document itself. The script tag contains two significant attributes: - ·         Language- This attribute indicates what scripting language you are using in a web page. Normally, the standard will be “javascript”. Latest version of Html(Html5) does not require the use of this attribute anymore.   ·         TYPE- This library is used for what is presently instructed to show the scripting syntax being used and in JavaScript its value should be set to “text/javascript”.
Post a Comment
Read more