🧱Component:🧩Placeholders
Enhance Your #UI skeletons.
⚡️Easy #CSS Customization/Seamless Integration
⚡️Flexible shapes & sizes
⚡️Variety of styling options

#Webdesign that stands out👇
https://mdbootstrap.com/docs/standard/components/placeholders/

#Bootstrap #uidesign #uxdesign #webdev #HTML #Webdeveloper #uiux

@webdev_trends

🧱Component: 🗃Cards
Easy customization meets elegant #uidesign .
☑️Seamless integration
☑️Hover state animations
☑️Rich media support

#FrontendDeveloper, Revamp Your #uiux⏬
https://tw-elements.com/docs/standard/components/cards/

#TailwindCSS #Webdeveloper #UI #Frontend #webdevelopment #HTML #UX #uxdesign

@webdev_trends

#js #JavaScript #tutorial #Frontend #webdev

JavaScript code in the browser uses an event-driven programming pattern. What this means is that when a specific DOM event happens in the browser, a piece of code will be executed as a response to that action.

In this article, I will help you see and understand how to listen and respond to DOM events using JavaScript.

If you need a refresher on the DOM, I have written an article that explains what the DOM is and how JavaScript interacts with it.

👉 Read article 👈

@webdev_trends

#laravel #php #tips #json

Laravel Tip💡: Assert JSON Fragments

When testing APIs, we often need to check if the response contains a specific key with the expected data. Laravel ships with the assertJsonFragment to do exactly that 🚀

@webdev_trends

#larvel #php #tips #backend #webdev

Ever wondered what is the difference between the register and boot method on the Laravel Service Providers and also when to use which method? Here is a series that I have tried to explain the best I can.

@webdev_trends

#laravel #php #tips #backend #webdev

Don't let database queries slow you down. Use Laravel's cache facade to cache data temporarily, reducing database queries.

@webdev_trends

#js #JavaScript #frontend #webdev

You don't need a library to format date and time in JavaScript. Let's see how we can do it with the Intl Date Time Format object.

https://www.youtube.com/watch?v=xZKZsRfL9Vg

@webdev_trends

#js #JavaScript #webdev

Understanding the Console Object in JavaScript.

The console object in JavaScript is a powerful tool for debugging and logging. It offers a variety of methods that go beyond simple logging, providing developers with a comprehensive toolkit for monitoring, analyzing, and debugging their code. This article explores all 25 methods provided by the console object, detailing their usage and applications.

👉 Read article 👈

@webdev_trends

#js #JavaScript #frontend #webdev

The element classList property lets you manage the list of classes on an HTML element. You're able to add, remove, toggle and replace classes, as well as check for existence of one.

👉 Watch video 👈

@webdev_trends

#Laravel #tips #php #backend #webdev

Duplicate Pivot Rows? Laravel vs DB Solution

👉 Watch video 👈

@webdev_trends

#js #JavaScript #frontend #backend #webdev

Let's have a look at some JavaScript console methods that will improve your experience as a skilled web developer

👉 Watch video 👈

@webdev_trends

#js #JavaScript #frontend #webdev

The array "flat map" method in JavaScript lets you perform a transformation on an array (map), and then flatten it out. Useful for merging data from API endpoints or other forms of general aggregation into a list.

👉 Watch video 👈

@webdev_trends

#Laravel #php #backend #webdev

Laravel DB: Query BelongsTo 2-Levels Up - Direct Column?

👉 Watch video 👈

@webdev_trends

#js #JavaScript #frontend #webdev

The "boolean" function in JavaScript lets you convert any value into either "true" or "false". This can be useful when dealing with TypeScript, outputting JSON, or using it with the "filter" method.

👉 Watch video 👈

@webdev_trends

#css #frontend #webdev

Grid is awesome, and there are some neat tricks that you can do with it that I don’t see enough people taking advantage of, like overlapping named grid lines, using position absolute with grid, and animating template-rows and template-columns.

👉 Watch video 👈

@webdev_trends

#js #JavaScript #webcomponent #frontend #webdev

Can I add state-based UI to a Web Component?

👉 Watch video 👈

@webdev_trends

#Laravel #php #tips #php #backend #webdev

DB Column Names: Tips for Suffix/Prefix

👉 Watch video 👈

@webdev_trends

#laravel #php #tips #webdev

Check out this awesome article on clean code tips!📝

Learn how to use scopes to get rid of those long code blocks and keep your code neat!

👉 Watch video

@webdev_trends

#beginners #docker #devops #tutorial

1. Running our First Docker Image

In the recent years, technological improvements across all industries have dramatically increased the rate at which software products are demanded and consumed. Trends like agile development and continuous integration also increased demand. As a result, many organizations have opted to switch to cloud infrastructure.

👉 Read article

@webdev_trends

#beginners #docker #devops #tutorial

2. Basic Container Lifecycle Management

Throughout your container journey, you will be pulling, starting, stopping, and removing containers from your local environment quite frequently. Prior to deploying a container in a production environment, it is critical to run the container locally to understand how it should work. This includes starting, stopping and restarting containers, getting details about how the container is running, and, of course accessing verbose logs to view critical details about the applications running inside the container.

👉 Read article

@webdev_trends

#beginners #docker #devops #tutorial

3. Getting Started with Dockerfiles

In the previous posts, we discussed how you can run your first Docker container by pulling pre-built Docker images from Docker Hub. While it is useful to get pre-built Docker images from Docker Hub, we can't only rely on them. This is important for running our applications on Docker by installing new packages and customizing the settings of the pre-built Docker images.

This will be done using a text file called a Dockerfile. This file consists of commands that can be executed by Docker to create a docker image. Docker images are created from a Dockerfile using the docker build or docker image build command.

👉 Read article

@webdev_trends