Ella Chiang Ella Chiang

Hackbright Front-End Web Development | Week 8

Monday

  • BAAS - Backend as a Service

    • A way to provide mobile and web developers with cloud storage and data processing

    • Firebase and Parse are two companies that offer this

  • Exercises

    • Code appetizer: here.

Wednesday

  • D3 - JavaScript library for data modeling, DOM manipulation using data

  • Exercises

    • Code appetizer: here.

Homework:

Continue working on our portfolio and group projects to present on demo day.

Read More
Ella Chiang Ella Chiang

Hackbright Front-End Web Development | Week 7

Monday:

  • JSON

    • JavaScript Object Notation

    • Transport data between servers and applications

    • key:value store

    • XML is a common alternative

    • Can build dynamic websites

  • APIs

    • Application Programming Interface: set of standards for accessing data and interacting with programs

  • Exercises

    • Build a website that generates a random math fact using Numbers API.

Wednesday:

  • Responsive Design

    • Tools: media-query, max-width, min-width, float, percentage widths

    • Media-query lets you write CSS for specific devices. Also cascade and order matters, smaller devices come earlier in the code.

  • Bootstrap

    • Comes with default styling, responsive grid, lots of themes

  • Exercises

    • Format a practice website to make it responsive.

Homework:

Added the last time I did a GitHub commit to my portfolio, also a link to view the last commit in the bottom right hand corner. I used the GitHub API and moment.js.

Read More
Ella Chiang Ella Chiang

Hackbright Front-End Web Development | Week 6

Monday:

  • jQuery

    • $ is a function that takes a string or html element as an argument and returns a jQuery object

      • ex: $(“#home”).css(“background”, “red”);

      • $(“p”).addClass(“highlight”);

  • Exercises

    • hide/show divs when link is clicked: see here

Wednesday:

  • AJAX – asynchronous JavaScript and XML

    • allows you to make a call to the server without refreshing the page

  • 200 means ok

  • 400 means bad

  • GET – retrieving value from server

  • POST – posting value to server

  • Exercises

Homework:

  • replace JavaScript in portfolio with jQuery

  • add a class project to the portfolio

Read More
Ella Chiang Ella Chiang

Hackbright Front-End Web Development | Week 5

Monday:

  • Labor Day – No Class

Wednesday:

  • event driven programming

    • element.addEventListener(event, callback);

  • scope is the context in which code is executed

    • var inside a function declares a local variable

  • Exercises

    • make a simple To-Do list

    • code

Homework:

  • There was no assigned homework for this week, however I still worked on improving my portfolio. I added hover effects over the portfolio item images as well as a copy of the Google homepage I did as an exercise for a different curriculum.

Read More