Software Engineer Jobs

Example

UI

google search

Disclamer: Above is the official Google search site. The later sections are not real design/code for this demo, but are just showing example implementation.

Architect (Toy model)

architecture

Frontend development (Toy model)

<!DOCTYPE html>
<html>
<body>

<input type="text" id="searchBox"><br>
<button onclick="search()">Google Search</button>
<div id="demo"></div>

<script>
function search() {
  const query = document.getElementById("searchBox").value;
  $.ajax({url: "/search?q=" + query, success: function(result){
      $("#demo").html(result);
  }});
}
</script>

</body>
</html>

Backend development (Toy model)

package com.example;

import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;

@Path("/search")
public class MyResource {
    @GET
    @Produces("text/plain")
    public String getUrl() {
        return "www.google.com";
    }
}