Front end development session1
Download as pptx, pdf5 likes691 views
Front-End Web Developer , UX, UI , User interface , user experience. front end developer , front end designer, Back end
More Related Content
What's hot (20)
Similar to Front end development session1 (20)
More from marwa Ayad Mohamed (9)
Recently uploaded (20)
Front end development session1
- 1. Front-End Web Developer Nanodegree Session 1
- 2. Agenda • What is Front-end application. • Front-end vs Back-end • Front-end job titles • UI vs UX • Objective of web application
- 3. Front-end application • Front-end application 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.
- 6. Front-end developer • Front-end developer :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-end Designer: 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. UI vs UX
- 9. User Interface • user Interface (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 • User Experience (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 web application 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) • HyperText Markup 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) • Cascading Style 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) • JavaScript is 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 • Course projects. • Course Target. • Front- end career. • Other useful material.