Overview đź”–
I've choose to present each course goal one by one and to provide arguments for why I think I have passed.
*For some of these I've also provided my own interpretation of the course goal ✨
Who is Emilio, And What Did He Doâť“
Loves: Dogs, Music, Movies, Food.
Hates: Trumpand every trait he has.
Before Hyper I worked as IT support in several companies with different support roles, from being the in house support for 200+ lawyers, to configure networks for wireless speaker systems.
This has gained me a lot of work experience with people in all ages and nationalities - as the world is run on tech and everyone needs help.
Now I am moving towards a more creative side of the tech industry.
*Lets start the assessment đź’Ą
K6
Create effective front end code.
To have dry, upgradable, manageable, accessible, modern and robust code.
I see this goal as a never ending way of thinking. As the industry changes all the time, tech come and go, this means that to create effective front end code you need to be active within the community and keep yourself updated.
In more practical terms, I try to keep away from libraries, so I am not dependable on someone else’s code. I’ve used GitHub in all projects during this term, which in turn has allowed for code reviews and cooperation within the groups.
As a new coder, the code I’ve created are not to these standards at the moment, I am learning and finding my way, essentially still in my experimenting phase.
But I do feel that I am on the right road and mindset. In my smaller projects - like my personal website - the code is planned and well executed - if tested with Googles Lighthouse, I got top score.
Links:
http://emilioh.se
https://github.com/emiliohell/portfolio
*emilioh.se is still under construction and it's the second iteration of my website❗️
K7
Responsive web design and adaptation of graphics to web
pages.
To create designs that are responsive to several devices and
think about how to implement graphics.
Responsiveness and the implementation of graphics are essential for creating websites, it’s a core function that will be the difference between a user staying on the site or leaving, to never come back.
It’s something I’m always thinking about in the projects I have worked on, sometimes we designed for both mobile and desktop before coding - but unfortunately its not something we have had the luxury to code in the projects. With the limited time we have with each project, the focus has always been more on actual functions in the code rather than the responsiveness.
This is because if the site has no function, then there is no need for a user to visit the site and as we have control over which device we are going to present it with - the responsiveness has had a lower priority in the projects.
But my goal is always to have a light, responsive and fast website, I personally like minimalism and that way of thinking is incorporated in everything I do, even the bytes of the images. A rule to follow is to assess the functionality of the graphics and the website - then choose the format or library that fits the needs.
I’ve also started to look at alternative ways of hosting graphics, services like Cloudinary - that can adjust the images that are hosted depending on the device or user or the needs of the provider - keeping the site faster and more responsive when it comes to images.
Links:
http://emilioh.se
https://github.com/emiliohell/portfolio
*Check out the responsiveness of emilioh.se and this website❗️
S3
Creating solutions for composite problems in digital communication, service and product development requires an understanding and dimension of several different aspects such as a customer’s business, user behaviour, technical possibilities and limitations.
Cater to the customers needs and create solutions that are tailored to the customers budget, schedule, user base and their technical knowledge.
During this term I’ve worked with two clients, Train Brain and GRP.
In The First App with Train Brain as a customer, we did not focus on the client - our reasoning was that the assignment was so open and we where so new with React, that we wanted to focus on our own learnings instead of focusing on the client wishes - thus we did not have much contact with the client during this assignment.
For the second assignment, Code and Collaborate with GRP, we did focus on the client and had several meetings with them. We had weekly presentations with updates, prototypes and questions for the client - then together with the client we planned our weeks so we could deliver something useful for the client.
I think working this way gave me a great insight on how to communicate with the customer and adapt to their requirements without sacrificing my own knowledge or expertise.
Going forward I will use what I have learned during Code and Collaborate and work in a smiliar way with future customers.
Links:
https://spicysix.netlify.app/
https://github.com/LPlox/spicysix
https://www.figma.com/file/zBj9x5JucJlh6jFIzAZl3Z/Design-Prototype-1?node-id=0%3A1
*The links above are for GRP during Code and Collaborate - check GitHub for more information about the project❗️
S4
Execution of design and technological development requires a student to handle complex challenges at this level.
How to tackle challenges that come up during a project, essentially how to find answers.
To develop itself is essentially in my view a constant challenge that needs to be fixed. The main solution is to learn how to search and where to search - Google, Mozilla, Stack Overflow - I also think it’s very helpful to discuss the information and different ways one can take to solve design and code issues.
I think all my projects reflect that I have solved complex challenges, both regarding design and function. But in The First App with the Train Brain, the project was a specially challenging one as we had never used React before - we also used several API's working together to make the website run, API's from the TrafikLab and from Google.
The idea with our project for was for you to search the station you are at (w/ TrafikLab), get delay information (w/ TrafikLab) and something to do while waiting (w/ Google).
Links:
https://might-as-well.netlify.app/
*Unfortunately, this project was based on a Google API key that has expired❗️
S5
As a developer, one should have skills in programming, publishing and debugging of end code and having the ability to learn new methods, programming languages and follow the technological developments.
I think my projects reflect completion of this course goal, the two main projects I have worked with this term are live and published - not fully completed, but they are presentable prototypes.
In my perspective coding is a constant loop of programming, debugging and test publishing - and to keep the code from rot, this is a loop that can’t avoided and must be an ongoing process.
The latter of the course goal can also be seen in my projects, during this term I’ve tested to build with React, Next and Gatsby.
My two main projects are in React and my personal website is in Next, we have also used Node and a library called Masonry in the projects.
I’ve also tested A-Frame to build a 3D scene in Javascript and others smaller libraries. I started to test Python as well so my experience in other languages are growing.
Links:
http://emilioh.se
(Next)
https://spicysix.netlify.app/
(React)
https://vigorous-poitras-ae86e3.netlify.app/
(A-Frame)
*emilioh.se is published on Vercel and the two others are published on Netlify❗️
S6
Skills in problem-solving and communication skills when working in a project with different disciplines both internally and with consultants. This can be for example UX designers, backend developers, testers, designers and product owners.
The best example of me having experience with people working in different disciplines is the Cross Program challenge we had with H&M and the Code and Collaborate with GRP.
In the Cross Program Challenge I worked with people from other classes and I had to be even more adaptable than before, in the projects with my class we have never had real defined roles - we have always worked on everything together as much as possible.
In the Code and Collaborate with GRP, our client was the clear product owner and guided us while we where producing the prototype.
Links:
https://docs.google.com/presentation/d/1GstdrJfPyIzrtZLpvfFQFnsxx97b8_LJSs6iFOThM64/edit?usp=sharing
*This is the presentation we did for the H&M challenge❗️
C3
Independently be able to work methodically and flexibly in development projects and sub-processes.
Working independently and being isolated at home has forced me to start to manage my life in a different way than before.
I use Notion to organise all my projects - solo and group - they are connected to a database with tasks, events and a calendar.
Links:
https://www.notion.so/Assessment-2-bbfc139b383f4333a29258eccdfa5b66
*In the link above you can see how I plan the assessment for myself in Notion❗️
C4
Independently monitor work in teams and complete proposed projects.
The same organisation I use independently have also been used in groups, for the Code and Collaborate project I was the group leader as well as organiser.
I planned goals for each week and schedule each day - in a day by day progress - we also had a collected database with all our meeting notes, tasks, code data and a collective calendar where we put in every group meeting we had during this period.
This allowed my group to focus on tasks at hand instead of worrying about not knowing what the next step is or how much we had left, while keeping us agile and able to adapt to the weekly meeting of our client.
Please take a look in our Notion for a deeper view of how we organised the group.
Links:
https://www.notion.so/The-Spicy-Six-f800abf741f244d78086d5410d5969f7 (Code and Collaborate / GRP Project)
*This was the first time I was a organiser of the whole team and I felt that it went very well❗️
The Future?
I look forward to the Future and the new things to learn. 🖖🏼
Bonus:
https://www.figma.com/file/jliUuTMwHHykJuCWLrO8MP/ASSESSMENT?node-id=0%3A1
*Presentation for Assessment #1 made in Figma❗️
