Front End - AYJACKSON-ICS4U/SAA-HackEd GitHub Wiki

** What is front end development?**

  • Front end development deals with the design and interface of the app.
  • The part of the website that the users interact with, is called frontend. The visible aspects of the website are a part of its frontend. The menu on the site, the sliders and the header and footer is all controlled by a set of codes using Javascript, HTML and CSS.
  • Front-end developers design and construct the user experience elements on the app including buttons, menus, pages, links, graphics and more.

HTML

  • Hypertext Markup Language is the core of a website, providing the overall design and functionality.

  • The updated version includes more tools aimed at web application developers as well as adjustments made to improve interoperability.

  • The other important technologies that a frontend developer must be familiar with include Bootstrap

  • These ensures that the interface of the website looks good

CSS

  • Cascading style sheets give developers a flexible, precise way to create attractive, interactive website designs.

JavaScript

  • This event-based language is useful for creating dynamic elements on static HTML web pages.
  • It allows developers to access elements separate from the main HTML page, as well as respond to server-side events.
  • One of the main challenges of front-end development is called “client-side development” – is the rapid pace of change in the tools, techniques and technologies used to create the user experience for applications and websites.
  • communicating with the database through the client side (Client --> Express API --> Database)
  • The seemingly simple goal of creating a clear, easy-to-follow user interface is difficult due to sometimes widely different mobile devices and computer screen resolutions and sizes.
  • Screen size and network connection now have a wider variety, so we have to balance those concerns when working on their user interfaces.