farrasnazhif's blog

 In the previous lesson, i created a form with only using HTML and CSS. But now, i've plugged javascript into the form to handle its logic.  Form Aunthenticator My first project, i created an authentication form that validates when users don't enter their email. You can check it through my github: https://github.com/farrasnazhif/js-form-authenticator.git , there's a documentation how the form works and the code as well. Search Form I created a search form that allows users to look up Indonesian postal codes. Users can select a province and a city, and the form will display the corresponding postal code based on their input. You can check it through my github: https://github.com/farrasnazhif/js-search-form.git , there's a documentation how the search form works and the code as well. Dynamic Dropdown This project is a bit different from my previous ones. In this project, I created a custom dropdown instead of using the standard HTML <select> tag. I designed my own ...

          In this lesson, I was assigned to build a landing page for a web development course platform. Currently, i just use HTML and CSS, however, i would add javascript eventually. I learned a lot when i was working on it. I used many new tags that i didn't know it before.  Here's the result, you can check it through this link:  https://tranquil-meerkat-376355.netlify.app/ Or if my domain is ever unavailable, I’ll give you a glimpse of the page 😁 . You can check out the code through my github: https://github.com/farrasnazhif/web-course.git

       In the previous lesson (Building Profile Page with HTML) I already created table and form inside my profile page. Though in this lesson I will expand the premise about table and form in HTML since i haven't explained it thoroughly.  Table      In HTML,  tag for table is table itself. So, in order to create a table, we need to wrap teh content inside tabel tag.  The tag is like this: <table></table>      Inside the table tag, we commonly use Table Row, Table Header Cell, and Table Data Cell . Table row stands for whatever the content insid the table row will packed by row. For header cell, as the name itself, header cell stands for header in the cell and by default, text inside header cell is bold and center-aligned. Lastly, table data cell defines regular cell in table and it goes with actual data. Below, these are tags for Table Row, Table Header Cell, and Table Data Cell. Table Row: <tr></tr...