Geek Logbook

Tech sea log book

50projectsIn50days – Day 13: Random Picker

A text area where you add a number of elements divided by comma. Then, when you press enter the you’ll see a simple animation and a, in yellow, the chosen one. The text area in index.html is where you’ll add the text And the relevant Style are related with the elements: tag and tag.higlight Let’s

Sellenium Vs Beautiful Soup

Web scraping is a widely recognized strategy for acquiring information. Before diving into this process, it’s crucial to familiarize oneself with two essential tools. Personally, this topic initially posed a significant challenge for me when attempting to extract data from the web. These tools serve distinct purposes in web scraping and automation. Selenium is primarily

50projectsIn50days – Day 12: Faq Collapse

One of the most typical features we can find in a web page is the Frequently asqued questions. There are in many ways: Fixed, floating and, as we can see in this case, collapsed In a big faq container we have each container as you can see in the following bunch of code: The sinfle

50projectsIn50days – Day 11: Dads Joke

The purpose of the project is to understand the event “key”. It is supossed you press a key and see in the browser the key you’ve alredy pressed the key code, and the name ol the event. The html is straightforward. Inside a div named “insert” we have the “key” class This code is taken

50projectsIn50days – Day 10: Dads Joke

A simple container shows us a Dad Joke. If you click the button, another card will appear. The HTML and CSS are simple and don’t have anything special to point out. What is different is in JavaScript because the script loads the Jokes which come from icanhazdadjoke. Firs of all you need to send in

50projectsIn50days – Day 9: Sound Board

A sound board that has buttons with different sounds. If you click, you’ll hear a sound. The projects uses the <audio> element. The <audio> HTML element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element: the browser will choose the most suitable one. It can also

50projectsIn50days – Day 8: Form Input Wave

Email and Email are into the label element as we can see here: This label will be added in a node list as consequence of the following line of code in the Javascript Script: After that the inline style add a transition delay as we can see there: You can see the code in this

50projectsIn50days – Day 7: Split Landing

A simple html with a button and two images. Which changes the behavior if the class adds a left or right depends on the mouse. In fact, the CSS code is the following: Interactivity is added by the event listener in the left and right classes. using the event listener if the mouse enters or

Management Skills for developers

Leadership and direction Vision The business vision (“vision speaks of the future”) should be: To communicate the vision: Decision-making Understand what is at stake. And prioritize it. Delegate the rest to the rest of your team. There are three elements when making a decision in dealing with customer-related crises in systems: While you are making