As a new developer in a company without guidance from a senior developer, I often find myself questioning whether my work is on the right track. I worry that my code isn't up to par and that spending time styling pages with CSS may be a waste. If there is anyone who can provide advice or consultation, it would be greatly appreciated.
Avoid self-criticism. A skilled coder recognizes the importance of ongoing growth and education, so persevere. Strive for excellence in all endeavors, acknowledge mistakes, and glean lessons from them. A proficient programmer has a passion for coding and would engage in it during their free time, even after dedicating more than 80 hours a week to programming.
In my Next.js project, I decided to use the Base Web UI component framework. To customize the colors, I extended the Theme object following the guidelines provided at . Interestingly, the documentation refers to the theme type as ThemeT, but in practice, i ...
I am currently looking for a webpage that displays a list of products based on keywords from an array. Once it detects any word in the array, it highlights it with a red background - everything is working smoothly so far. However, I now wish for the script ...
I am attempting to create a div that will overlay an image on hover with a slide up and slide down effect. Can anyone provide guidance on how to achieve this without relying on jQuery? I would prefer to utilize only AngularJS in my application. Here is a ...
Hey there, I'm encountering an issue when attempting to update my mapbox source on click. I currently have two sources (cells, heatmap), and I am trying to add a new source using this code snippet: this.map.addSource("points", { type: "geojson", ...
After researching similar issues on various forums, I have attempted the following troubleshooting steps: replacing all $ with jQuery ensuring the correct src is used implementing jQuery.noConflict() My goal is to retrieve data from a SQLite3 database w ...
There is a button on the web page, described by the following code snippet: <button onclick="getListRating(1); return false;" class="button is-gray pagination__more">Open</button> I attempted to click on it using the Seleni ...
I have been working on implementing reminder notifications for my progressive web app, which was originally built as a Nextjs site. The specific criteria I need to meet are: Functionality even when the device is offline Accurate notifications within secon ...
I'm currently working on implementing a dropdown menu for a news website. When the user selects '1' from the dropdown list, the page should display content corresponding to that selection. If the user selects '2', the page ...
Currently, I am implementing the react table in my React project. I found valuable resources on how to use it at these links: https://github.com/tannerlinsley/react-table/tree/v6#codesandbox-examples and also here: https://www.npmjs.com/package/react-tab ...
I am currently facing a straightforward issue with incrementing and decrementing the value in my TextField component. My project is built using Formik and Material UI within React. For more details, please check out this CodeSandbox link: VIEW HERE <T ...
I have recently updated my web app to use the latest version of Bootstrap 5 along with the toastr library. However, I have encountered issues with toastr options not functioning properly after the upgrade. Despite setting the values for toastr.options.time ...
I have recently started learning Reactjs. Currently, I am working on creating a form where the form data will be stored in an array and displayed on the same page after submission. I have been trying to use the push() method to add data to the array, but I ...
I am working with a multidimensional array of integer values to create a dynamic bar graph using d3.js. The challenge lies in the fact that each row can have a variable number of values. My goal is to generate color-coded rectangles for each row based on t ...
As a newcomer to angular js, I encountered a peculiar issue. I couldn't get the following code snippet to run: hello.html <html ng-app> <head> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">< ...
I need to pass the value in JSON.stringify and receive it on the Server side. Please note: When I attempt to pass the value directly without utilizing a JQuery variable, everything works smoothly. Without using a JQuery variable (it's functional) d ...
I am facing an issue with a table where 2 columns are hidden by the dataTables api. When I delete a row, I need to send the data from these columns via ajax to remove it from the database. In the past, I had no problem deleting rows that didn't conta ...
Is there a way to add a loading animation on the visible part of a page with a container that has a vertical scroll? I've tried using a div with class: .loading-animation { height:100vh; background: url(img/loading.gif) 50% 50% / 100px 100px ...
Within my component, I am importing the following: import LogoutIcon from "@mui/icons-material/Logout"; import useLogout from "@/hooks/auth/useLogout"; const { trigger: logoutTrigger } = useLogout(); However, when utilizing this compo ...
I've implemented the cool-captcha feature in my registration form. Here's the code snippet that generates the Captcha image: <img src="captcha.php" id="captcha" /> However, there is an issue where anyone can easily access the "captcha.ph ...
Is it possible to apply default props to a styled component? For instance, I am looking to create a component utilizing Typography from MUI. const CustomH1Typography = (props) => ( <Typography variant='h1' sx={{fontWeight: 500}}>{props ...