Design Document V2 ThingLink Startup
|
|
- Flora Caitlin Paul
- 6 years ago
- Views:
Transcription
1 Design Document V2 ThingLink Startup Yon Corp Andy Chen Ashton Yon Eric Ouyang Giovanni Tenorio
2 Table of Contents 1. Technology Background Design Goal Architectural Choices and Corresponding Pros and Cons Selected Architecture Implementation Notes...5 1
3 1. Technology Background Overview The required technological knowledge for this project involves HTML, CSS, and JavaScript. Additionally, we will be working with the specific APIs for each of the web platforms to pull the desired information as well as integrating our results with the ThingLink API. HTML We will be using HTML 5 to create the actual tags. The HTML will hold the relevant information that our client requests for each tag. Relevant CSS and Javascript libraries will be included in the header. CSS We will be using CSS to add the appropriate format and decoration to our tags as specified in the wireframe design. For example, in our itunes tag we will be using CSS to establish the appropriate font size, background color, text padding, etc. We will be utilizing browser specific syntax i.e: Webkit and moz. JavaScript We will be using JavaScript to interact with the APIs from the web platforms to pull the information. For example, the itunes API returns a JSON object which we will parse with JavaScript to get the appropriate data such as artist name and song title and then save them into JavaScript variables which we will integrate with HTML to put that information onto the media tag. Additionally, JavaScript will be used for implementing dynamic features to our tags such as hover over and scrolling effects. Specific libraries we will be using include Jquery and the Dotdotdot plugin, the latter which allows flexibility with regards to adding ellipsis (...) to truncated text. APIs We will use the itunes search API for the itunes tag. For Wedgies/instaGrok, there are unofficial APIs which requires a licence purchase after a certain number of API hits and/or may not be up to date. Whether or not we use these APIs is subject to change. 2
4 2. Design Goal Overview The ThingLink project requires us to create the wireframe of the image and video tags and the build the corresponding web interface. Our ultimate goal is to create the web interfaces of four different tags (Wedgies, Instagrok, Itunes Store, Google Play store) and to integrate them with the ThingLink API. By doing so, the tags will be up on their system and made available for client and public usage. Wireframes In creating wireframes, the team will assess both stakeholder and user needs to create a user interactive and aesthetically pleasant product. Because the tags will be viewed on different platforms, the team must account for screen dimensions, hardware limitations, as well the type of media tagged. For example, if viewed on a computer or laptop, the itunes tag has much more screen real estate to display album and artist info, related albums, as well as song samples. If viewed on a mobile device, the tag may just present a download button, artist and album info. 3
5 Web Interface To create the web interface, the team will build small web applications using front end web development technology (HTML, CSS, JS) and proprietary APIs. From the Itunes API and the given URL, we can populate the interface with such elements as album information, author information, top albums by the same author, and the view in Itunes button. ThingLink Integration The miniature web application will then be integrated with the ThingLink system. The web app will be input as an iframe using the ThingLink API. These iframes will be available as image and video tags on the Thinglink website that will be available for account holders to use. 3. Architectural Choices and Corresponding Pros and Cons Since our project is primarily front end, we don t have many significant architectural decisions to choose from. All of our tags will be in HTML, CSS, and JavaScript. Pros The pros of this design choice are that the tags can be easily implemented into ThingLink s media tag system. Our client can use the code we create and upload them without any major modifications. Additionally, the code will quite simple and easy to understand which will help us for debugging purposes. Cons However, a major con is that we are limited in the different approaches we can take for this project. For example, if we can t obtain the relevant information with proprietary APIs, using python can make web scraping easier but we are not allowed to use python or any backend technologies so we must find alternatives. As a result, we may not be able to incorporate or extract certain information that the client desires. 4
6 4. Selected Architecture We decided to use the current software architecture provided to us by the clients. We are to create a wireframe using pure front end, and use the ThingLink api to convert it into a working tag. Because this process has been done before with other tags by ThingLink, we can assure that the process will be smooth after we have developed the wireframes. However, because we can not use any back end programming, we may not have the ability to pull some of the data that our clients are requesting for the tags. 5. Implementation Notes Our final product will be HTML files with additional CSS and JavaScript files for each tag. The implementation process will begin with designing the wireframe and determining the information that will be on each tag. Once we have the design agreed on with our client, we will then start working on creating the tags. First we need to get the relevant information, so we will draw information from the web platform s API. If there is additional information that the API doesn t provide or that the client requests, we will discuss with the client on other methods to extract that information or alternative information to be included. ThingLink has specific requests with regards to code implementation and design. These include the following: HTML Content must all be in the HTML document(s). Preferably, both the image tag and the video tag are allowed a single HTML file each. The HTML document will only contain HTML code. Styling and Scripting should be done in separate files and included in the header. Script tags should only contain input variables i.e: <script> var input; </script>. CSS Styling of the document will be handled primarily by the CSS. Images need to be specified by setting the background of a <div> using background image: url( image.jpg); instead of using an image src with <img src= image.jpg ></img>. 5
7 Javascript Third party libraries are allowed, provided they are free of use. Javascript code should be documented. Once we have all the required information, we will then format it appropriately and add them into the tag. Our client will provide us with consistent design feedback as to whether he approves our implementation or wants certain aspects changed. We can then incorporate CSS for the formatting and design layout for each tag and we can use additional JavaScript to add more animation and effects to our tags that will make them more aesthetically pleasing to the user. 6
ThingLink User Guide. Andy Chen Eric Ouyang Giovanni Tenorio Ashton Yon
ThingLink User Guide Yon Corp Andy Chen Eric Ouyang Giovanni Tenorio Ashton Yon Index Preface.. 2 Overview... 3 Installation. 4 Functionality. 5 Troubleshooting... 6 FAQ... 7 Contact Information. 8 Appendix...
More informationChat Connect Pro Setup Guide
Chat Connect Pro Setup Guide Wordpress plugin data manager Live Streaming / Video Production Data Feed Plugin Setup Setup Process: Step 1 Purchase Plugin Step 2 Install plugin by uploading plugin inside
More informationCOURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3
COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 MODULE 1: OVERVIEW OF HTML AND CSS This module provides an overview of HTML and CSS, and describes how to use Visual Studio 2012
More informationUser Interaction: jquery
User Interaction: jquery Assoc. Professor Donald J. Patterson INF 133 Fall 2012 1 jquery A JavaScript Library Cross-browser Free (beer & speech) It supports manipulating HTML elements (DOM) animations
More informationThe Structure of the Web. Jim and Matthew
The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop
More informationSparrow Client (Front-end) API
Sparrow Client (Front-end) API Service API Version 3.6.0 (Build 8062) Released May 2017 Revision History Date Revision Comments Author 2017-05-22 1.0 Initial document Ilya Tretyakov 2 Table of Contents
More informationInternet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.
Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information. WWW: (World Wide Web) A way for information to be shared over
More informationCourse 20480: Programming in HTML5 with JavaScript and CSS3
Course 20480: Programming in HTML5 with JavaScript and CSS3 Overview About this course This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript
More informationSiteforce Pilot: Best Practices
Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front
More informationWELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL
WELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL 1 The above website template represents the HTML/CSS previous studio project we have been working on. Today s lesson will focus on JQUERY programming
More informationCSS JavaScript General Implementation Preloading Preloading in the Design Thinking Process Preloading in the Summary View Android UI Design Design
Table of Contents Introduction Purpose Scope Overview Design Thinking Process Description Empathy Define Ideate Prototype Test Design Thinking Requirement Analysis Empathy Define Ideate Prototype Test
More informationCOURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3
ABOUT THIS COURSE This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into
More informationPROFILE DESIGN TUTORIAL KIT
PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify
More informationKonaKart Shopping Widgets. 3rd January DS Data Systems (UK) Ltd., 9 Little Meadow Loughton, Milton Keynes Bucks MK5 8EH UK
KonaKart Shopping Widgets 3rd January 2018 DS Data Systems (UK) Ltd., 9 Little Meadow Loughton, Milton Keynes Bucks MK5 8EH UK Introduction KonaKart ( www.konakart.com ) is a Java based ecommerce platform
More informationProgramming in HTML5 with JavaScript and CSS3
Programming in HTML5 with JavaScript and CSS3 20480B; 5 days, Instructor-led Course Description This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic
More informationBasics of Web Technologies
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Introduction to Web Technologies
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More informationUI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML
UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective
More informationStamp Builder. Documentation. v1.0.0
Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you
More informationDesigning the Home Page and Creating Additional Pages
Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From
More informationName Ella Swain Assessment Number. East St Cafe. Project Name ORGANISING AND PLANNING
This template is for recording a journal of your development process. It provides evidence of how skilfully and efficiently you implemented your plan. You can copy and paste the entire contents of this
More informationVarargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript
PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the new
More informationHTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week
WEB DESIGNING HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments HTML - Lists HTML - Images HTML
More information1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites
A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout
More informationProgramming in HTML5 with JavaScript and CSS3
20480 - Programming in HTML5 with JavaScript and CSS3 Duration: 5 days Course Price: $2,975 Software Assurance Eligible Course Description Course Overview This training course provides an introduction
More informationFRONT END DEVELOPER CAREER BLUEPRINT
FRONT END DEVELOPER CAREER BLUEPRINT HAVE A QUESTION? ASK! Read up on all the ways you can get help. CONFUSION IS GOOD :) Seriously, it s scientific fact. Read all about it! REMEMBER, YOU ARE NOT ALONE!
More informationMicrosoft Programming in HTML5 with JavaScript and CSS3
1800 ULEARN (853 276) www.ddls.com.au Microsoft 20480 - Programming in HTML5 with JavaScript and CSS3 Length 5 days Price $4510.00 (inc GST) Version B Overview This course provides an introduction to HTML5,
More informationFigure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.
Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take
More informationProfessional Diploma in Web Designing
Professional Diploma in Web Designing DOT-NET Institute: DOT-NET is a leading Educational Training institute based in Delhi. As excellence is embedded in the very core of DOT-NET principles, it provides
More informationFlash Ads. Tracking Clicks with Flash Clicks using the ClickTAG
How-to Guide to Displaying and Tracking Rich-Media/Flash Ads Image advertising varies from standard GIF, JPG, PNG to more interactive ad technologies such as Flash, or rich-media (HTML Ads). Ad Peeps can
More informationUsing Development Tools to Examine Webpages
Chapter 9 Using Development Tools to Examine Webpages Skills you will learn: For this tutorial, we will use the developer tools in Firefox. However, these are quite similar to the developer tools found
More informationSoftware. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading
Full Stack Web Development Intensive, Fall 2017 There are two main objectives to this course. The first is learning how to build websites / web applications and the assets that compose them. The second
More informationAdobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping
Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2
More informationWeb Premium- Advanced UI Development Course. Duration: 08 Months. [Classroom and Online] ISO 9001:2015 CERTIFIED
Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Classroom and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in +91-9911782350, +91-9811818122 ADMEC is one of the best
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationWebSphere Puts Business In Motion. Put People In Motion With Mobile Apps
WebSphere Puts Business In Motion Put People In Motion With Mobile Apps Use Mobile Apps To Create New Revenue Opportunities A clothing store increases sales through personalized offers Customers can scan
More informationProposal: Judicial Case Law History Timeline viewer CPSC 547
Proposal: Judicial Case Law History Timeline viewer CPSC 547 Ken Mansfield kenmansfield@gmail.com 1 Overview I am working with the local startup Knomos to provide a solution to visualizing the citations
More informationWEB DEVELOPER BLUEPRINT
WEB DEVELOPER BLUEPRINT HAVE A QUESTION? ASK! Read up on all the ways you can get help. CONFUSION IS GOOD :) Seriously, it s scientific fact. Read all about it! REMEMBER, YOU ARE NOT ALONE! Join your Skillcrush
More informationWEBSITE INSTRUCTIONS. Table of Contents
WEBSITE INSTRUCTIONS Table of Contents 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced
More informationVINEPILOT. Project Design Specification. v2.0 - The Savvy-gnon Team
VINEPILOT Project Design Specification v2.0 - The Savvy-gnon Team Amy Chen hsuanchen@umail.ucsb.edu Iris Eleni Moridis iriselenimoridis@gmail.com Richard Waltman rtwaltman@umail.ucsb.edu Chien Wang chienkaiwang0827@gmail.com
More informationKEEP THEM ON YOUR WEBSITE! INTEGRATING THIRD-PARTY TOOLS TO PROVIDE A CONSISTENT USER EXPERIENCE
KEEP THEM ON YOUR WEBSITE! INTEGRATING THIRD-PARTY TOOLS TO PROVIDE A CONSISTENT USER EXPERIENCE Michael Braun Hamilton Reference and Web Design Librarian Community College of Vermont The Problem http:www.emporia.edu/libsv/
More informationForms So start a new web site
Tutorial Forms So start a new web site Rename to index.html Create the following layout Skeleton first Style it up, one style at a time and test Produces Create a nav link pointing back to the index.html
More informationPHP & My SQL Duration-4-6 Months
PHP & My SQL Duration-4-6 Months Overview of the PHP & My SQL Introduction of different Web Technology Working with the web Client / Server Programs Server Communication Sessions Cookies Typed Languages
More informationWebsite Report for colourways.com.au
Website Report for colourways.com.au This report grades your website based on the strength of various factors such as On Page Optimization, Off Page Links, and more. The overall Grade is on a A+ to F-
More information20480B: Programming in HTML5 with JavaScript and CSS3
20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Code: Duration: Notes: 20480B 5 days This course syllabus should be used to determine whether the course is appropriate for the
More informationThird party edm - material specification
In order to ensure a quick and smooth turnaround of EDMs, as well as to ensure correct and accurate delivery of the creative, it is necessary that the clients follow the guidelines below when submitting
More information20480C: Programming in HTML5 with JavaScript and CSS3. Course Code: 20480C; Duration: 5 days; Instructor-led. JavaScript code.
20480C: Programming in HTML5 with JavaScript and CSS3 Course Code: 20480C; Duration: 5 days; Instructor-led WHAT YOU WILL LEARN This course provides an introduction to HTML5, CSS3, and JavaScript. This
More informationCreating an Online Catalogue Search for CD Collection with AJAX, XML, and PHP Using a Relational Database Server on WAMP/LAMP Server
CIS408 Project 5 SS Chung Creating an Online Catalogue Search for CD Collection with AJAX, XML, and PHP Using a Relational Database Server on WAMP/LAMP Server The catalogue of CD Collection has millions
More informationAdobe Marketing Cloud Best Practices Implementing Adobe Target using Dynamic Tag Management
Adobe Marketing Cloud Best Practices Implementing Adobe Target using Dynamic Tag Management Contents Best Practices for Implementing Adobe Target using Dynamic Tag Management.3 Dynamic Tag Management Implementation...4
More informationResponsive Web Design and Bootstrap MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University
Responsive Web Design and Bootstrap MIS 2402 Konstantin Bauman Department of MIS Fox School of Business Temple University Exam 3 (FINAL) Date: 12/06/18 four weeks from now! JavaScript, jquery, Bootstrap,
More informationIn this project, you ll learn how to create your own webpage to tell a story, joke or poem. Think about the story you want to tell.
Tell a Story Introduction In this project, you ll learn how to create your own webpage to tell a story, joke or poem. Step 1: Decide on a story Before you get coding, you ll need to decide on a story to
More informationLecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes
Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand
More informationLesson 5 Introduction to Cascading Style Sheets
Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition 1 Objectives Create a Cascading Style Sheet. Control hyperlink behavior with CSS. Create style classes. Share style classes
More informationWEB SITE DESIGN Summer in Prague, Prague, Czech Republic
COURSE SYLLABUS WEB SITE DESIGN Summer in Prague, Prague, Czech Republic Suggested US semester credit hours: 4 Contact hours: 60 Delivery method: Face to Face IFSA course code: CME280-11 Course length:
More informationPaythru Remote Fields
Paythru Remote Fields Paythru Remote Fields are an alternative integration method for the Paythru Client POST API. The integration consists of contructing a basic javascript configuration object and including
More informationWebsite Report for test.com
NeatWidget contact@neatwidget.com.au neatwidget.com.au Website Report for test.com This report grades your website on the strength of a range of important factors such as on-page optimization, off-page
More informationThe course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.
Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led
More informationGeobarra.org: A system for browsing and contextualizing data from the American Recovery and Reinvestment Act of 2009
Geobarra.org: A system for browsing and contextualizing data from the American Recovery and Reinvestment Act of 2009 Ben Cohen, Michael Lissner, Connor Riley May 10, 2010 Contents 1 Introduction 2 2 Process
More informationDeccansoft Software Services
Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module
More informationdjango-session-security Documentation
django-session-security Documentation Release 2.5.1 James Pic Oct 27, 2017 Contents 1 Why not just set the session to expire after X minutes? 3 2 How does it work? 5 3 Requirements 7 4 Resources 9 4.1
More informationMatteo Fogli. Web Performance
< Sponsor Matteo Fogli Web Performance Lead @pecus Modo @madebymodo https://modo.md/ < < What is AMP? AMP is HTML AMP is a Web Component Format + JavaScript Library AMP is strictly validated What is
More informationJquery Ajax Json Php Mysql Data Entry Example
Jquery Ajax Json Php Mysql Data Entry Example Then add required assets in head which are jquery library, datatable js library and css By ajax api we can fetch json the data from employee-grid-data.php.
More informationAdobe Web Authoring using Adobe Dreamweaver Exam and objectives
Adobe Web Authoring using Adobe Dreamweaver Exam and objectives After taking the exam, your score is electronically reported. Please allow 2-4 weeks from the date you pass the exam to receive your ACA
More informationAs part of our commitment to continuously updating and enhancing our fundraising system, we are thrilled to announce our latest enhancements.
As part of our commitment to continuously updating and enhancing our fundraising system, we are thrilled to announce our latest enhancements. Purchase Items during Registration Administrators can now enable
More informationContents FORMAT 3. Specifications STATIC ADVERTISING 4. Interstitial HTML5 ADVERTISING 5-12
Advertising specs Contents FORMAT 3 Specifications STATIC ADVERTISING 4 Interstitial HTML5 ADVERTISING 5-12 Interstitial Responsive Technical info Testing Environment Quality assurance Best practice DESIGN
More informationCS50 Quiz Review. November 13, 2017
CS50 Quiz Review November 13, 2017 Info http://docs.cs50.net/2017/fall/quiz/about.html 48-hour window in which to take the quiz. You should require much less than that; expect an appropriately-scaled down
More informationSimple AngularJS thanks to Best Practices
Simple AngularJS thanks to Best Practices Learn AngularJS the easy way Level 100-300 What s this session about? 1. AngularJS can be easy when you understand basic concepts and best practices 2. But it
More informationStandard 1 The student will author web pages using the HyperText Markup Language (HTML)
I. Course Title Web Application Development II. Course Description Students develop software solutions by building web apps. Technologies may include a back-end SQL database, web programming in PHP and/or
More informationClient Side JavaScript and AJAX
Client Side JavaScript and AJAX Client side javascript is JavaScript that runs in the browsers of people using your site. So far all the JavaScript code we've written runs on our node.js server. This is
More informationFrontend guide. Everything you need to know about HTML, CSS, JavaScript and DOM. Dejan V Čančarević
Frontend guide Everything you need to know about HTML, CSS, JavaScript and DOM Dejan V Čančarević Today frontend is treated as a separate part of Web development and therefore frontend developer jobs are
More informationDesign Document: Learning With Linkbot
Design Document: Learning With Linkbot Alaskan Firedragons: Armante Washington, Arvind Badrinarayanan, Eric Lieu, Jennifer Ma, & Ryan Nguyen Technology Background: What is going to be used? HTML, CSS,
More informationTerms and Conditions
- 1 - Terms and Conditions LEGAL NOTICE The Publisher has strived to be as accurate and complete as possible in the creation of this report, notwithstanding the fact that he does not warrant or represent
More informationJSN EasySlider Configuration Manual
JSN EasySlider Configuration Manual Introduction Product Overview JSN EasySlider JSN EasySlider is the cutting-edge way to present content on website: Informative - Impressive - Interactive. It helps you
More informationWeb Development 20480: Programming in HTML5 with JavaScript and CSS3. Upcoming Dates. Course Description. Course Outline
Web Development 20480: Programming in HTML5 with JavaScript and CSS3 Learn how to code fully functional web sites from the ground up using best practices and web standards with or without an IDE! This
More informationMODULE 2 HTML 5 FUNDAMENTALS. HyperText. > Douglas Engelbart ( )
MODULE 2 HTML 5 FUNDAMENTALS HyperText > Douglas Engelbart (1925-2013) Tim Berners-Lee's proposal In March 1989, Tim Berners- Lee submitted a proposal for an information management system to his boss,
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More informationWeb Development IB PRECISION EXAMS
PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards
More informationNAVIGATION INSTRUCTIONS
CLASS :: 13 12.01 2014 NAVIGATION INSTRUCTIONS SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements CSS DROP-DOWN MENU
More informationWakanda Architecture. Wakanda is made up of three main components: Wakanda Server Wakanda Studio Wakanda Client Framework
Wakanda Architecture Wakanda is made up of three main components: Wakanda Server Wakanda Studio Wakanda Client Framework Note: For a more general overview of Wakanda, please see What is Wakanda?) Wakanda
More informationwelcome to BOILERCAMP HOW TO WEB DEV
welcome to BOILERCAMP HOW TO WEB DEV Introduction / Project Overview The Plan Personal Website/Blog Schedule Introduction / Project Overview HTML / CSS Client-side JavaScript Lunch Node.js / Express.js
More informationStatic Webpage Development
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction
More informationSONOS. Product Requirements Document (Version 2.0)
SONOS Product Requirements Document (Version 2.0) Team: Euphoria Project Name: Block Party Members: Pedro Sosa Mena Iskander Miguel Delgado Connor Shanks Brian David Wolfe Table of Contents 1. Introduction
More informationUltra News Article 1. User Guide
Ultra News Article 1 User Guide Expand the Bookmark menu in left side to see the table of contents. Copyright by bizmodules.net 2009 Page 1 of 34 Overview What is Ultra News Article Ultra News Article
More informationINTRODUCTION TO JAVASCRIPT
INTRODUCTION TO JAVASCRIPT Overview This course is designed to accommodate website designers who have some experience in building web pages. Lessons familiarize students with the ins and outs of basic
More informationMAX 2006 Beyond Boundaries
Building a Spry Page MAX 2006 Beyond Boundaries Donald Booth Dreamweaver QE/Spry Team Adobe Systems, Inc. 1. Attach CSS/JS 1. Browse to the Assets folder and attach max.css. 2. Attach the 2 js files.
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationSTRANDS AND STANDARDS
STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the
More informationOU Mashup V2. Display Page
OU Mashup V2 OU Mashup v2 is the new iteration of OU Mashup. All instances of OU Mashup implemented in 2018 and onwards are v2. Its main advantages include: The ability to add multiple accounts per social
More informationCSE 115. Introduction to Computer Science I
CSE 115 Introduction to Computer Science I Client Sends requests to server at "/" first Web Page my content
More informationGetting your work online. behance.net cargo collective krop coroflot
Getting your work online behance.net cargo collective krop coroflot behance online presence behance.net has a free and pro version. The free version is fine for getting internships. Free Version Pros networked
More informationCSS3: Using media queries to improve the web site experience. November 19, 2011 indieconf Zoe Mickley
CSS3: Using media queries to improve the web site experience November 19, 2011 indieconf Zoe Mickley Gillenwater @zomigi What I do Books Web Stunning CSS3: A Project-based Guide to the Latest in CSS Accessibility
More informationBA. (Hons) Graphics Design
BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2016 / Semester 2 Resit Examinations for BGD/13/FT & BGD/14B/FT MODULE: Web Design MODULE CODE: WAT1106c Duration: 2 Hours Instructions to
More informationGMusicProcurator Documentation
GMusicProcurator Documentation Release 0.5.0 Mark Lee Sep 27, 2017 Contents 1 Features 3 2 Table of Contents 5 2.1 Installation................................................ 5 2.1.1 Requirements..........................................
More informationDjango-CSP Documentation
Django-CSP Documentation Release 3.0 James Socol, Mozilla September 06, 2016 Contents 1 Installing django-csp 3 2 Configuring django-csp 5 2.1 Policy Settings..............................................
More informationTable of content. Creating signup form Associating automation tools to signup form Signup form reports...42
A User Guide Signup forms are the most popular tools for building a subscriber database. They let your website visitors become subscribers by entering basic details such as name and email address. The
More informationB. V. Patel Institute of Business Management, Computer & Information Technology, UTU
B. C. A (Semester I) 030010108: Introduction to Web Design Lesson Plan Objective: To provide basic understanding of web and HTML for designing web pages in conjunction with HTML tags, text, videos and
More informationDocumentation for the new Self Admin
Documentation for the new Self Admin The following documentation describes the structure of the new Self Admin site along with the purpose of each site section. The improvements that have been made to
More informationBEFORE CLASS. If you haven t already installed the Firebug extension for Firefox, download it now from
BEFORE CLASS If you haven t already installed the Firebug extension for Firefox, download it now from http://getfirebug.com. If you don t already have the Firebug extension for Firefox, Safari, or Google
More informationIBM Forms V8.0 Custom Themes IBM Corporation
IBM Forms V8.0 Custom Themes Agenda 2 Overview Class Names How to Use Best Practice Styling Form Items Test Custom CSS Sample Overview 3 To create custom theme you must be familiar with the basic concept
More informationJoomla! extension JSN EasySlider User Manual
Joomla! extension JSN EasySlider User Manual (for JSN EasySlider 2.0.x) www.facebook.com/joomlashine www.twitter.com/joomlashine www.youtube.com/joomlashine This documentation is release under Creative
More information