Dignitas Digital Pvt. Ltd.

Slides:



Advertisements
Similar presentations
Designer’s Challenge – Web-based Applications using Adobe Flex and OpenInsight Clay Borne President CLB IT.
Advertisements

Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Development of mobile applications using PhoneGap and HTML 5
Inline, Internal, and External FIle
 What I hate about you things people often do that hurt their Web site’s chances with search engines.
Presented by…. Group 2 1. Programming language 2Introduction.
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.
© and web design. Acceptable Most Web designers crib some of their source code, either from other sites or their previous work. These are usually individual.
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
Presentation Topic: XML and ASP Presented by Yanzhi Zhang.
WEP Presentation for non-IT Steps and roles in software development 2. Skills developed in 1 st year 3. What can do a student in 1 st internship.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
LIFE AS A WEB DEVELOPER Richard Baldwin Manager of Digital Services at Palmetto Health
 An HTML, CSS, Javascript framework you can use as a basis for creating web sites  Uses CSS settings, fundamental HTML elements styled and enhanced.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
PHP Assignment Help BookMyEssay. What is PHP PHP is a scripting language generally used on web servers. It is an open source language and embedded code.
Advanced HTML Tags:.
Creating Visual Effects
Development of Internet Applications WebDesign
Web Basics: HTML/CSS/JavaScript What are they?
Website design strategies
Objective % Select and utilize tools to design and develop websites.
Accessibility, Visual Design, and Front-End Development
Inquiring and analyzing options for creating a website
Final Project Presentation
CSE3 Computational Thinking
``` Technology Pvt Ltd Web Site:
The Internet and HTML Code
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
Fast App Creation with APEX Blueprints
Unit 2, Lesson 5 Website Development Tools
Objective % Select and utilize tools to design and develop websites.
Art 128 Interface Programming 1 In-class Presentation Week 8B
Unit 2, Lesson 5 Website Development Tools
Life as a web developer Richard Baldwin
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Term Project Evaluations Guiding Principles Summary
TOPICS Chrome Dev Tools Process for Building a Static Website
ISYS 350 Building Business Applications
Fixed Positioning.
Fall 2017 What’s Next.
Modern web applications
دليل المتدرب واللائحة التنظيمية للبرنامج
Create and edit web pages 2
Tutorial 6 Creating Dynamic Pages
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
دليل المتدرب واللائحة التنظيمية للبرنامج
Modern web applications
Unit 6 part 3 Test Javascript Test.
Introducing the .NET Framework
Creative Activities and Curriculum for Young Children
Computer communications
UI, UX: Who Does What? A Designers guide to the tech industry.
HTML &CSS and Make a website with coding
The structure and style of web pages
The need for server pages
Client-Server Model: Requesting a Web Page
Web Programming and Design
Web Application Development Using PHP
© 2017, Mike Murach & Associates, Inc.
Kapi’olani Community College
Presentation transcript:

Dignitas Digital Pvt. Ltd. HTML Development Front-End Developer: Shafeeq Khan Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. To build websites, you should know about HTML — the fundamental technology used to define the structure of a webpage. HTML is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many other available elements or even a new element that you define. Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. How We Work Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Steps Communication Analyze Layout Identify Components Abstract Behaviors Shape UI appearance Integrations Create Style Guide Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Communication - Design Stage Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Analyze Layout Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Identify Component & Abstract Behaviors Dignitas Digital Pvt. Ltd.

Integration

Dignitas Digital Pvt. Ltd. Ask your self… Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Ask your self Are you interested in design? Do you care about details ? Do you know how to play magic ? Are you eager to learn new things ? Can you accept non-logical problems ? Always hands on Don’t limit yourself Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. UI engineering is cool (sometimes) but not always, because… You have to deal with many cross browsers issues. You will face to non-logical problems like CSS. You might repeat doing similar things. You have to do lots of communication with designers and developers. You have to handle presentation and behaviors. Schedule is always tight (so weird). You have to swallow others code. The devil is in the details. Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. The Requirements Skill Sets Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Soft Skills Aesthetic Curiosity Challenge Passion Listening Logical Imagination Design thinking Communication Hands on Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. The Front End Need To Know... Understand CSS, JavaScript, HTML Understand CSS 3, Advanced JavaScript, HTML5 Understand more Grid system, responsive techniques JavaScript Design Patterns Server side techniques Database Performance Visualization Visual and design sense Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Today, We Have Good Tools To Make Better Products Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Front End Technology Change Fast Dignitas Digital Pvt. Ltd.

You Can’t Stop Learning But You Will Find A Right Way For Your self Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Front End Is An Infinite Journey Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Java Script HTML CSS Structure Presentation Interaction Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Structure Presentation Interaction Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. EVERY ONE IS UNIQUE Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Find your own way out Dignitas Digital Pvt. Ltd.

Dignitas Digital Pvt. Ltd. Thank You Dignitas Digital Pvt. Ltd.