Downloaded 20 times
Uploaded bymarwa Ayad Mohamed
Front end development session1
The document outlines the agenda for a front-end web developer nanodegree, covering topics such as the distinction between front-end and back-end development, relevant job titles, and the importance of user interface (UI) and user experience (UX). It emphasizes the foundational front-end languages: HTML, CSS, and JavaScript, and their roles in creating user-facing applications. The document also highlights the objectives of web applications and the skills required for front-end development.
More Related Content
Similar to Front end development session1
Front end development session1
- 1. Front-End Web DeveloperNanodegree Session 1
- 2. Agenda • What isFront-end application. • Front-end vs Back-end • Front-end job titles • UI vs UX • Objective of web application
- 3. Front-end application • Front-endapplication is one that user interact with directly. • Front-end is everything involved with what the user sees. • We can built complete web application using front-end tools (static web site) without any backend development.
- 4. Front-end vs Back-end •Front-end developers are responsible for a website’s user-facing code and the architecture of its immersive user experiences. In order to execute those objectives, front-end developers must be adept at three main languages: HTML, CSS, and Javascript programming. • The back end of a website consists of a server, an application, and a database. • back-end developers use server-side languages like PHP, Ruby, Python, Java, and .Net to build an application, and tools like MySQL, Oracle, and SQL Server to find, save, or change data and serve it back to the user in front-end code.
- 5.
- 6. Front-end developer • Front-enddeveloper :mean some one with good knowledge in some languages like HTML ,CSS and JavaScript. He need to be familiar with frameworks like Bootstrap, Foundation, Backbone, AngularJS, and EmberJS, jQuery and LESS.
- 7. Front-end Designer • Front-endDesigner: and call web designer . Web designer could just be someone who designs the sites in program like photoshop or fireworks and will never touch the code.
- 8.
- 9. User Interface • userInterface (UI): is basically a visual design. It not usually involved in the implementation of the design. It might use light HTML and CSS. It more related to color and photos. • user Interface (UI): and is a digital field , which includes responsibility for cooperation and work with developer code.
- 10. User Experience • UserExperience (UX): it depend on study and research how people use site and make changes through a lot of testing. • User Experience (UX): is the process of enhancing customer satisfaction and loyalty by improving the usability , ease to use and pleasure provided in the interaction between the customer and the product.
- 11. Objective of webapplication 1. See the information in a format that is easy to read and relevant. 2. Use a large variety of devices with variety screen sizes . 3. Variety screen resolutions. 4. Ensure that web application comes up correctly in different browsers. 5. It must be cross-platform and cross-device
- 12. Front-end Language (HTML) • HyperTextMarkup Language (HTML) • (HTML) is the backbone of any website development process. • Hypertext means that text has links, termed hyperlinks, embedded in it. • When a user clicks on a word or a phrase that has a hyperlink, it will bring another webpage.
- 13. Front-end Language (CSS) • CascadingStyle Sheets (CSS) • (CSS) controls the presentation aspect of the site and allows your site to have its own unique look. It does this by maintaining style sheets which sit on top of other style rules and are triggered based on other inputs, such as device screen size and resolution.
- 14. Front-end Language (JavaScript) • JavaScriptis an event-based imperative programming language. • JavaScript code can also actively retrieve content from the web ,and also react to server-side events as well, adding a truly dynamic nature to the web page experience.
- 15. General Talk • Courseprojects. • Course Target. • Front- end career. • Other useful material.
- 16.