farrasnazhif's blog

     Finally I've accomplished my frontend journey. It was a pithy journey and i learned a lot of new experiences during that. However, that is not the end of the journey. In web development, theres two main parts: frontend and backend development. The frontend is the part of the application that users directly interact with. It focuses on User Interface (UI) and User Experience (UX). There is a lot of tech stack you can use in frontend development, though the main stack that people usually use is HTML, JavaScript, and CSS; that's the core of frontend development.  On the other hand, in order to make a fully functional application, you need to integrate with backend but it's all fine if you want to make an application just with frontend; for example, blog and portfolio website.  Backend role is to manage server, databases, and application logic. It ensures that when a user submits a form, logs in, or requests data, the server processes that data requests correct...

     After a several weeks of studying web development. I finally reach the mid exam. So, the task for this mid exam is to build an agency website especially on travel agency.  There is a several things to do while building this landing page which are:  Header / Hero Section Benefit Section Testimonials Section Detail Products / Services Offer / Discount (Opsional) Form FAQ (Frequently Asked Questions)  Footer I didn't finish the optional section because i ran out of time. However, i pretty satisfied by the result i made. Here's the sight of the landing page: The tools that i use is only html and css, however i use bootstrap aswell for the form section. Since i just create a landing page so using javascript is not too necessary. You can check he code through my github: https://github.com/farrasnazhif/pweb-a/tree/main/jasa-travel-website There is a video about the code but unfortunately it uses Bahasa. You can check it through this link:  https://youtu....

 https://github.com/farrasnazhif/pweb-a/tree/main/ajax-form

       Couple weeks ago i finished to learn CSS. In CSS, to specify a class we need to make one by one. For example, if we want to make a beautiful blue button with a complete style, we need to code like this. .login-btn {   background-color: #007bff;   color: white;   padding: 10px 20px;   border: none;   border-radius: 4px;   width: 100%;   cursor: pointer; }     There is so many styles that we have to insert into our CSS button and it could be irksome if we want to work fast.  However, there is a solution for that.  The solution is to use Bootstrap, we can make a nifty button by just calling "btn"  on the css class. Here's what it looks like. <button class="btn">Button</button> As a result, we can make the same button as the css class we specify one by one with just only a second. What if I want to add more or change the current style? Another interesting part about this bootstrap framewo...