Find Jobs
Hire Freelancers

Bootstrap WIKI Page - ONLY Skilled Javascript Devs should apply

$30-250 USD

Terminado
Publicado hace más de 10 años

$30-250 USD

Pagado a la entrega
NOTE: We ONLY hire developers DIRECTLY. No middle man companies -------------------------- -- TASK ---------------------------- - Design an API Documentation page - Use Bootstrap 3 Responsive design for mobile devices - NO CUSTOM design - only default Bootstrap style and components ------------------------------------- - DESIGN / LAYOUT: ------------------------------------ 1. Design styling should only use a default Bootstrap 3 css stylesheet. 2. Page layout should be simple "Left Side Menu" layout similar to: [login to view URL] , [login to view URL] ... but very simple without bootstrap tricks (e.g. no fancy scrolling like [login to view URL]) 3. Left Menu : 3.1. Should display hierarchical API menu that is collapsible accordion . For example: [login to view URL] 3.2. When leaf / terminal menu item is clicked it should display the content in main screen. 4. Main Screen : 4.1. Content should be retrieved from json object by selected menu item ID. Javascript for this needs to be very clean. You should have a sample JSON data prepared. e.g. var api = { Menu: [ { ID:1, Name:"item 1", ParentID:0 }, { ID:1, Name:"item 1.1", ParentID:1, ContentID:1 } ... ] , Content : [ { ID: 1, Text: "Content 1" }, { ID:2, Text : "Content 2" } ... ] } 4.2. Use Array extension methods from vEXjs framework to easily interrogate arrays and get data out of them . Get the script from here: [login to view URL] 4.2. Main Screen Should be scrollable and have a sticky "TOP" icon on the lower right side that when clicked lets user go up to the top in one click without manual scrolling. 5. Mobile Size screen: 5.1. When screen is displayed on small screen, the menu should be on the top of the page. 5.2. When user clicks on the menu item the page should scroll down to th main screen at the bottom and show the content for the given item 5.3 Sticky "TOP" icon should be clearly displayed in the lower right side to let user go up to the top in one click without manual scrolling -------------------------------------------------- -- SELECTION CRITERIA - Please Answer Each Question --------------------------------------------------- 1. Have you worked with Bootstrap (any version) ? Can you develop with latest Bootstrap 3 ? 2. Provide no more than 3 examples of sites you have done with Bootstrap. 3. Can you write Object Oriented Javascript ? 3.1. Create javascript class "Person" that contains properties : Name, Age, Gender. 3.2. Instantiate new Person object with ID "1", Name "Jon", Age "30", Gender "Male", by passing the parameters inside object constructor. 3.3. Add public method "info" to the class Person. 3.4. Make a call to method "info". It should popup javascript alert informing what person's Name, Age and Gender are. 4. Have you worked with JSON data format ? 4.1. Write in JSON format array called "People" containing 10 "Person" objects as per question above. 4.2. Assign values to all properties of each Person object. - ID of Person objects should be 1 through to 10 - Three people should be aged "30" - Two people should be named "Jon" - One Person should be of "Female" gender 5. Can you use array extension methods in vEXjs framework at [login to view URL] ? 5.1. Using [login to view URL] Array extension methods : Alert number of people of "Female" Gender in People array you created before 5.2. Alert Name where person's id is 5 5.3. Remove person with Name Jon. Alert total number of people in People array
ID del proyecto: 5195474

Información sobre el proyecto

2 propuestas
Proyecto remoto
Activo hace 10 años

¿Buscas ganar dinero?

Beneficios de presentar ofertas en Freelancer

Fija tu plazo y presupuesto
Cobra por tu trabajo
Describe tu propuesta
Es gratis registrarse y presentar ofertas en los trabajos
Adjudicado a:
Avatar del usuario
I can develop this project in 1 day. Also, may provide additional testing on mobile devices for $20 extra bonus.
$200 USD en 1 día
4,8 (1 comentario)
2,7
2,7

Sobre este cliente

Bandera de AUSTRALIA
Brisbane, Australia
4,9
37
Forma de pago verificada
Miembro desde may 18, 2008

Verificación del cliente

¡Gracias! Te hemos enviado un enlace para reclamar tu crédito gratuito.
Algo salió mal al enviar tu correo electrónico. Por favor, intenta de nuevo.
Usuarios registrados Total de empleos publicados
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Cargando visualización previa
Permiso concedido para Geolocalización.
Tu sesión de acceso ha expirado y has sido desconectado. Por favor, inica sesión nuevamente.