Git Product home page Git Product logo

script_tag's Introduction

Overview

A good front-end engineer needs to be familiar with all the ways available to get data to the client. You'll start this exercise with an unrealistically simple application that is using static data to render. Your task is to use the following techniques to get the proper data from the server to the client.

  • html data attribute(s)
  • script tag(s)
  • url parameter(s)
  • cookie(s)

You will be doing this exercise 4 times. Each time starting from the provided code base and utilizing only one of the above techniques. Take the time to note what you like and don't like about each approach and be prepared to talk about why you think one option might be better then another.

Core

Demonstrate you have a working knowledge of all 4 ways of getting data to the client.

Objectives

For each of the 4 approaches:

Get the dice roles data from the server into the client in a way that allows the JavaScript to render that data into HTML.

You Will Know You Are Done When:

You have successful transported the dice roles data via all 4 methods.

Stretch OPTIONAL

Demonstrate you understand at least some of the trade-offs between the 4 options.

  • How are they affected by caching?
  • How do they affect page load time?
  • Would any of them break back/forward or bookmarking?
  • How might security affect your choice?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.