Shaqib Habib

Mission Statement

Do you want a generic website that fails to convey your brand's message and doesn't turn your visitors to leads? Then you're at the wrong place!

I understand the creation of a new website can be a bit daunting. Where do I start? What technologies should I use? How can I make my website run smoothly and bug-free? How can I optimize it for my target audience?

In these days, it's crucial for a business to have a beautiful website that provides an amazing user-experience while clearly explaining your services in a way that sets it apart from the competition.

Hi, I'm Shaqib Habib and my specialty is to bring businesses that I work with a beautiful, well performing and high converting website. So why should you hire me instead of all other millions of developers around? Well, using my experience of working in one of the most quality and customer oriented companies in the world, I can assure you that you will be presented with a visually appealing, well performing, bug-free solution while always keeping constant communication with you.

Fundamentals for a Web Developer

HTML

Basic HTML and CSS are fundamental to any web site or web app on the internet. Being able to create layouts using CSS is the next progression on your journey to a full stack web developer. We learned about CSS resets, box model layout, display types, and positioning. As we progressed into more advanced UI layout techniques were taught about the Flexible Box Module also known as flexbox. There are many ways to layout a page in CSS but flexbox is one of the most powerful and simple ways to do it. By the end of it all, we created a fully functional website from several design files.

React

React is one of the most popular UI libraries today, and in terms of Single Page Applications many (including the React team) tend to think of the library as the “V” in MVC. That is, the View layer of the Model, View, Controller paradigm. React is a pattern, a mindset, that will help developers that use it, build small, reusable pieces of UI that can be easily put together to make a large scale application. We used JavaScript modules to export and import components, used props and applied it to data flows in a React applicaton, and we used advance styling techniques to make a website look more poslished.

JavaScript

I love to look at JavaScript through this analogy. Think of a web page as a house. You need someone to architect and get in the structure of your house, someone to add in the design, and someone to add in the electricity to power the house. If you were to think about HTML, CSS and JavaScript as the three necessary building blocks, for a web page, HTML could be the architecture/layout of what your house should be, CSS is the design/style of your house and JavaScript powers the electrical interactions that our house needs to have in order to be functional!

My Projects

Check out my projects by clicking the images!

Lambda Newspaper

In this project I created a Lambda Newspaper by creating components that make up the newspaper's home page. I started off by doing this with static data, then I requested data from a server to create dynamic components. We explored the DOM, created event listeners, and converted a NodeList into an Array.

Github User Card

In this project I accessed the GitHub API and built a social card based on the data we get back. The goal was to create a component based on the data we get when we send a GET request to the GitHub API. The reqest we were given back was an list of objects. We then traced the objets and created a link from the API to the page.

Chef Portfolio

During this project, we worked as a team of six people where each person was responsible for creating their own work and at the end piecing all the pieces of the webpage together. We built a chef portfolio where chef's can showcase their work and be hireable. In this project, we created a website based of HTML and CSS.