Web Development Team Project

By -

Since September 9th, I have been participating in a Coding Kickstarter course with Code First Girls. This course is an introduction to Web Development. I decided to register because I haven’t practiced much coding while on placement. My internship mainly consisted of design and image manipulation tasks using Sketch and the Adobe Creative Suite, therefore since second year I have only minimally coded in my free time and in the summer. This course focuses on an independent project and a team-working project with other members of the course.

Our team have begun thinking about and discussing our team project. 

The project criteria is quite simple however as both of my team members have little web development knowledge, the real challengee will be making sure that all members are able to participate fully and have a good experience during this challenge.

Must have:

  • A minimum of 2 HTML pages and 1 external CSS file
  • Consistent look and feel across your site
  • At least one example of a form
  • A Mobile responsive design
  • Your website hosted on GitHub page

Nice to have:

  • Use of JavaScript for additional functionality
  • Persist the values entered from a form into a modal
  • Use of best practices when applying classes and IDs

As I have the most web development knowledge, I have naturally fallen into a team-leader role and therefore it will become my responsibility to delegate based on each members strengths.

So far, I have deduced that:

Team Member 1: Has already completed a CodeFirstGirls course on Python and has participated in a hackathon.

Team Member 2: Works in a tech support role and has little knowledge of coding.

Therefore I am considering giving member 1 the responsibility of using JavaScript on our website as they seem more comfortable with functional code and helping team member 2 create pages. Team member 2 could focus on the HTML, CSS and sourcing assets while I focus on the pages structure and layout using Bootstrap as this seemed to be the most confusing element for both members. 

This may change but this is the team-structure that sounded the most logical from our first meeting.

We decided to use Figma to collaborate and collate our ideas on our project. We chose to focus on fashion and create a page each dedicated to a particular popular style and how to dress for that style. Basically our website will be similar to an online magazine/fashion blog.


In the course itself, we began delving into JavaScript and learnt the basic fundamentals of code. I found this quite simple so am looking forward to next week's session where we'll be diving into more complex JavaScript. I'm really interested in incorporating my own JavaScipt into my projects outside of this course. 


Popular posts from this blog

Platform Considerations

By -
Image
During today's introductory lecture, we briefly touched on the Degree Project assignment which got me thinking more in-depth about my final major project. While on placement, there was a large amount of discussion among my peers about our return to University. Hearing other student's ideas resulted in me starting my own thought process into which type of platform or device(s) I wanted to focus on creating for.  Originally, I was considering building an app which would include user research, prototyping and a coded creation. Although this would be an interesting project, this isn't an area I have much knowledge about. I have previous experience creating app mock-ups using myBalsamiq and prototypes using Invision however I have never coded an app before let alone published one. This gap of knowledge may hinder the development of the application and result in an incomplete project. Therefore I'm leaning towards a web design and development project instead. As I have alread...
Read more

Handmaids Tale Experimentation

By -
Image
As this is a ballet adaptation, I thought perhaps I could use ballet shoes as a motif. I'm going to try to avoid making this look cliché. If this doesn't work, I may play around with the additional photograph that Dean provided us with. I purchased a pair of used old pointe shoes on a reselling app named, 'Depop' and once arrived asked my boyfriend to hold the ribbons of the ballet shoes in different positions. At first I noticed that the natural lighting was extremely dark and dull. Being a complete amateur at photography, logically I needed another light source so decided to use a smartphone camera flashlight to provide this.  We tried the lighting from different angles until we had the flashlight almost face-on to the ballet shoes. This reminded me of being in front of a spotlight at the theatre and created some amazing natural shadows. I thought the introduction of the male hand/arm was synonymous with the controlling men in the Handmaid's Tale.  The main theme ...
Read more

Showreel

By -
Image
Using Adobe Premiere Pro, I cut both visual and audio elements together to suit the length of the showreel. As the video shouldn't be anymore than a minute, I decided to keep to this timeframe. This was  actually helpful as it forced me to keep projects that looked impressive or I was most proud of. I've happy with my showreel as I feel that there isn't any filler and I managed to add quite a lot of movement considering some of my work are stills/print based. After completing my showreel, I uploaded this to YouTube where I featured this on my channel. This means that my showreel will be the fist video that potential subscribers/employers will see. I decided to use a song named, Shelter by Porter Robinson & Madeon. With permission from Dean, we were allowed to use a published song or soundtrack. I liked this song in particular because it was upbeat and I thought it sounded as though at intervals that the song repeated 'wonderful' which is how I would like my work...
Read more