blocJamsHero@2xblocJamsHero@2x

About the Project

Because I collaborate with developers almost everyday and have a personal interest in coding, I enrolled in a Frontend Web Development apprenticeship with Bloc that took place from July through December 2015. Throughout the program, I worked closely with my mentor to learn HTML5, CSS3, JavaScript, DOM Scripting, jQuery, and AngularJS. The Bloc Jams project was weaved in the course from the beginning. Bloc Jams is an interactive music player similar to Spotify. I did not do any design work throughout this project in order keep focused on my main goal of learning frontend development.

We began the project by learning Git, GitHub, the command line, and Brackets. The first part of the project continued as we explored HTML and CSS, including responsive web development. We then studied fundamental programming concepts using JavaScript and jQuery.

[unex_ce_button id="content_w4qrg9f0p,column_content_vwy7juyvw" button_text_color="#273556" button_font="semibold" button_font_size="14px" button_width="auto" button_alignment="left" button_text_spacing="2px" button_bg_color="#d0e1f9" button_padding="12px 40px 12px 40px" button_border_width="0px" button_border_color="#d0e1f9" button_border_radius="0px" button_text_hover_color="#273556" button_text_spacing_hover="2px" button_bg_hover_color="#8e9cb0" button_border_hover_color="#8e9cb0" button_link="https://github.com/rachelweissman/github_checkpoint/tree/assignment-34-seekbars" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW CODE[/ce_button]

The second part of the project was taking the Bloc Jams that was already created and reconfiguring it using AngularJS. This was very challenging for me at the beginning. Suggested by my mentor, I used Atom as the text editor for this part of the project. Paired with working closely with my mentor and a more intuitive text editor, I was able to complete the project with an understanding of the framework.

[unex_ce_button id="content_g2vq7n2hb,column_content_vwy7juyvw" button_text_color="#273556" button_font="semibold" button_font_size="14px" button_width="auto" button_alignment="left" button_text_spacing="2px" button_bg_color="#d0e1f9" button_padding="12px 40px 12px 40px" button_border_width="0px" button_border_color="#d0e1f9" button_border_radius="0px" button_text_hover_color="#273556" button_text_spacing_hover="2px" button_bg_hover_color="#8e9cb0" button_border_hover_color="#8e9cb0" button_link="https://github.com/rachelweissman/bloc-jams-agularjs" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW CODE[/ce_button]
[unex_ce_button id="content_avcxbosx3" button_text_color="#ffffff" button_font="semibold" button_font_size="14px" button_width="auto" button_alignment="right" button_text_spacing="2px" button_bg_color="#4d648d" button_padding="12px 40px 12px 40px" button_border_width="0px" button_border_color="#4d648d" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#3d4f6f" button_border_hover_color="#3d4f6f" button_link="/playstationvue" button_link_type="url" button_link_target="_self" has_container="1" in_column=""]NEXT PROJECT[/ce_button]

This next project is password protected. Please contact me for access.