teleren/devto huggingface dataset:
Customizing Webflow Templates: A Step-by-Step Guide
Tags: webflow, webflowtemplates, webflowdesig, flowgir
Published: 2023-02-08 13:41:28


Webflow is a cutting-edge platform for web design and development that offers a wide range of customizable templates for a variety of website types. These templates are pre-designed with all the necessary elements, including styles, layouts, and content, and can be easily modified to fit the specific needs of your website. Whether you're a seasoned web designer or just starting out, the step-by-step guide below will help you customize Webflow templates to create stunning, professional-looking websites in no time.

## 1: Choose a Template

The first step in customizing Webflow templates is to choose the right template for your website. [(choose this website template)](https://flowgiri.com/?butm=delower-flowgiri) Browse through the available templates and select one that is closest to your desired look and feel.

## 2: Customize the Style

Once you've chosen your template, the next step is to customize its style. This includes changing the font, color scheme, and other visual elements to match your brand. You can easily modify these elements in the style editor.

## 3: Modify the Layout

After customizing the style, the next step is to modify the layout. This involves rearranging the various elements on the page, such as the header, footer, and sidebars, to create a custom look and feel. You can also add new elements, such as images, text boxes, and buttons, to further customize the layout.

## 4: Add Content

Once you're satisfied with the layout, the next step is to add content. This includes text, images, videos, and any other content you want to include on your website. You can easily add content by using the drag-and-drop editor in Webflow.

## 5: Preview and Publish

After adding your content, the final step is to preview and publish your website. You can preview your website to make sure everything looks and works as it should. Once you're satisfied, you can publish it and make it live to the world.

## Conclusion

Customizing Webflow templates is an easy and straightforward process that requires no coding or technical skills. By following the steps outlined above, you can create a stunning, professional-looking website that is customized to your exact specifications. Whether you're creating a personal blog, an online store, or a portfolio website, Webflow templates offer a fast and effective way to build the website of your dreams.
Svelte Stores x Dexie
Tags: svelte, dexie, javascript, indexeddb
Published: 2023-02-08 13:31:04

Hey coding friends!

Today I solved a problem that had driven me mad yesterday. I wanted to **connect the indexedDB with Svelte Stores** to get what is often called "persistent stores" that last even when the browser window is closed. I have seen several tutorials on how to do this using Local Storage but only one using indexedDB ([closingtags.com/svelte-stores-in-indexeddb](https://www.closingtags.com/svelte-stores-in-indexeddb/)). The latter might be totally fine, however, for me, as a beginner, it was kind of overwhelming.

Today I managed to come up with a **very simple and reusable** code that does exactly what I need — and I want to share it with you!

In order to use this, you need to install [Dexie.js](https://dexie.org/docs/Tutorial/Svelte):
```
npm install dexie
```
... and the following three files ...
## db.js
This is the very minimalistic set-up for your indexedDB:
```js
import Dexie from 'dexie';

export const db = new Dexie("user");

db.version(1).stores({
  user: "key, value"
});
```

## dbWriteble.js
This is a custom writable that handles loading data from the indexedDB on "init" and saving it on "set" (or automatically if you use the amazing $-syntax from Svelte). I got most of the code from [this Video](https://youtu.be/wpog6waQrNo) and simply added the init function and the indexedDB communication:
```js
import { db } from "./db";
import { browser } from "$app/environment";

export function dbWritable(store, key, value) {
    let subscribeFunctions = [];

    async function init() {
        // checks if code runs in the browser and loads data from db
        if (browser) {
            const data = await db[store].get(key);
            // sets value of writable to data loaded
            if (data) set(data.value);
        }
    }

    function set(newValue) {
        value = newValue;

        subscribeFunctions.forEach(func => func(newValue));

        // saves value to db
        db[store].put({key, value});
    }

    function update(callback) {
        set(callback(value));
    }

    function subscribe(callback) {
        subscribeFunctions.push(callback);

        callback(value);

        return function() {
            subscribeFunctions = subscribeFunctions.filter(func => func !== callback);
        }
    }

    init();

    return {set, update, subscribe};
}
```

## stores.js
And this is your usual stores.js where you import the special dbWritable:
```js
import { dbWritable } from "./dbWritable";

export let isDark = dbWritable("user", "isDark", false);
```
Unlike usual writables, this dbWritable takes in three arguments: **a store name, a key name** and lastly **a default value**. Now this store can be used just like any normal Svelte store. However, when you close the browser and open it again, it is still there.

If you have any questions or improvements, let me know!

Cheers,

Nico
Why Relying Only on Client-Side Validation is Not Enough
Published: 2023-02-08 13:27:13

In today's web development world, client-side validation is widely used to ensure that the data entered by users conforms to the application's rules and constraints. However, it's not enough to rely solely on client-side validation for data validation. Here, we'll explore why server-side validation is necessary, even if we can do it on the client-side.

One of the main reasons why server-side validation is necessary is that client-side validation can be easily bypassed. It's simple for an attacker to disable JavaScript or use a tool to send a direct request to the server, bypassing client-side validation altogether. Server-side validation ensures that the data is valid, even if client-side validation is bypassed.

Another reason why server-side validation is important is that client-side validation can be manipulated. An attacker could manipulate the client-side validation code to bypass validation checks and submit malicious data. Server-side validation ensures that the data is valid, even if it has been manipulated.

Additionally, server-side validation can help to protect against injection attacks by validating and sanitizing user input. Injection attacks, such as SQL injection, can occur when user input is not properly validated and can lead to serious security vulnerabilities.

Another important point is that some validation checks may be too complex to be performed on the client-side, such as checking if a username is already taken or checking if a product is in stock. These checks may require database access or other back-end processes, which cannot be done on the client-side.

To test server-side validation, there are several methods such as manual testing, automated testing, and penetration testing. Manual testing involves manually testing the validation rules by submitting various types of data to the server and checking if the validation rules are being applied correctly. Automated testing involves using testing tools such as Selenium or JUnit to simulate user interactions and submit data to the server automatically, making it easier to test multiple scenarios. Penetration testing simulates an attacker's actions and tests the system for vulnerabilities such as trying to bypass validation checks or submit malicious data to the server.

It's worth noting that, Server-side validation should be used in conjunction with client-side validation for best results, as client-side validation can improve user experience by providing immediate feedback to the user and reducing the number of requests to the server. This can be done by using JavaScript frameworks like jQuery, AngularJS or ReactJS.

Even though client-side validation is widely used, it's not enough to rely solely on it for data validation. Server-side validation is necessary to provide an extra layer of security and ensure that the data being submitted to the server is valid and conforms to the application's rules and constraints. By using a combination of client-side and server-side validation, developers can ensure that the data is secure and accurate, providing a better user experience.
Here Are Websites Where You Can Find Your Client
Tags: career, webdev, job, beginners
Published: 2023-02-08 13:04:50

1. Total: https://www.toptal.com/

2. Upwork: https://www.upwork.com/

3. Design hill: https://www.designhill.com/

4. PeoplerPerHour: https://www.peopleperhour.com/

5. Dice: https://www.dice.com/

6. Remoteok: https://remoteok.com/

7. Freelancer: https://www.freelancer.com/

8. Authentic Jobs: https://authenticjobs.com/

9. X-Team: https://x-team.com/

10. Simply Hired: https://www.simplyhired.com/

11. UpStack: https://upstackhq.com/

12. Borderless Mind: https://www.borderlessmind.com/get-in-touch/

13. LinkedIn: https://www.linkedin.com/

14. Top Coder: https://www.topcoder.com/

15. Workana: https://www.workana.com/

16. Flex Jobs: https://www.flexjobs.com/

17. Nexxt: https://www.nexxt.com/

18. Fiverr: https://www.fiverr.com/

19. Hub Staff: https://talent.hubstaff.com/hire

20. Hired: https://hired.com/

21. Guru: https://www.guru.com/

22. Gun: https://gun.io/

---

**_NOTE:_** If you found this help. Like and share. Thanks, Happy Learning!

---

### Let's connect 💜

You can follow me on [Twitter](https://twitter.com/MrDanishSaleem), [Instagram](https://www.instagram.com/mrdanishsaleem/), [LinkedIn](https://www.linkedin.com/in/mrdanishsaleem/) & [GitHub](https://github.com/mrdanishsaleem/)

### Support Me

If you like this post. Kindly support me by [Buying Me a Coffee](https://www.buymeacoffee.com/mrdanishsaleem)
SSH Key Pair
Tags: osdc, opensource, ssh
Published: 2023-01-29 13:53:35

---
series: OSDC
---
## SSH-Key

Accessing a remote repository via SSH without the need to provide username and password every time I pull or push.

* Go to your command line prompt (e.g. the GitHub CLI installed previously), and run:
```
ssh-keygen
```
Use the same command for Windows, only with .exe extension.
* Just hit Enter for each of  the questions asked...
* It will generate a `.ssh/` directory in your home dir with **key-pair** inside, in the form of 2 files:
  * `id_rsa` - is the private key - which I always keep locally on my computer
  * `id_rsa.pub` is the public key - which I can publish somewhere on the internet
```
ls ~/.ssh
```
* View and copy the contents of `id-rsa.pub` (depending on the OS you're using, use the appropriate editor or file viewer, here I will use Linux command `cat` or `less`. On Windows one might use Notepad).
```
cat ~/.ssh/id-rsa.pub
```
* Copy the file content 
* Go back to your [GitHub account page](https://github.com/ShulyAvraham): Click `Setting`->`SSH and GPG keys`->`New SSH key`->paste the public key into the `Key` text box, provide some `Title`-> `Add SSH key`.
* Once this is done, I will not need to provide my username and password every time I communicate with the remote repo.
* This key pair might be copied over and used over several computers
TANLOV operatorlari.
Published: 2023-02-08 12:47:43

_Bu operatorlar `if`_va `else` bolib ular masalalar ishlashda qo'l keladi.`if`() ichida beriladi.Bunda + - > < orqali shartlar beriladi.() ichida berganimizda hohlagancha berishimiz mumkin faqat gina ||(yoki)&&(va)!0(mumkin emas).Bular nima (||) bu belgi (yoki)bo'lib shartlar berganimizda bita tog'ri javob bo'lsa ham javob to'ri deb chiqaradi.(&&) bu belgi esa (va) bo'lib shart berganimizda bita javob notogri bolib qolsa ham notog'ri deb chiqaradi.(!0) bu belgi esa (mumkin emas) bo'lib shart berganimzda tog'ri javob kiritsak notog'ri deb beradi,notog'ri javob kiritsak tog'ri deb beradi.

_Else _ bu shartlar berganimizda qaysi javobga togri kelmasa sirazi else tushib cout ga nimabergan bolsak o'sha javob ekranga chiqadi.
_Bu operatorlarga doir misollar

```cpp
#include <iostream> 
#include <iomanip>
#include <cmath>
using namespace std;
int main(){
int year;
  cin >> year;
  
  if(year % 400 == 0){
  cout <<  1;
  }
    else if(year % 4 == 0 && year % 100 == 0 && year % 400 != 0){
  cout <<  0;
  }else if(year % 4 == 0 && year % 100 != 0){
  cout <<  1;
  }else if(year % 4 != 0){
   cout << 0;   
  }
  
  return 0;
}
```
_
Bu if else operatorlari har doim ham kerek .Chunki bu operatorlar har bir masala uchun ham kerak.

```cpp
int main() {
int a,b;
  cin >> a >> b;
  if(a < b && a *a == b){
cout << a << '*' << a << '=' << b;
    }
 
 else if( a > b && a == b * b){
   cout << b << '*' << b << '='<< a;
 }
  else{
    cout << "none";
  }
}
```
Masalar ishlaganimizda har doim ham if alohida qib yozishimz shartmas.Bizga sirazi bita javob kerek bolsa `else if`qilib yozib ketsak ham bo'ladi.Bizni masalamiz faqatgina if da ishlanadigon bo'lsa ko'p sharlarni ichma ich `if`qilib yozib ketsak ham bo'ladi.Bunga doir misolni ham korishingiz mumki.

```cpp
#include <iostream>
using namespace std;
int main6(){
char belgi;
  cin >> belgi;
  if(belgi== 'l' || belgi == 'L'){
    cout << "Lions" ;
    if(belgi == 'e' || belgi == 'E'){
      cout <<  "Eagles";
       if (belgi == 'b'|| belgi == 'B'){
         cout << "Bears";
        
       }
    }
  }
  
 else{
   cout << "none";
 }

}
```
@dawroun
The Python Packages That Gave Me Nightmares: A Guide to Overcoming Common Challenges
Tags: python, matplotlib, datascience, django
Published: 2023-02-08 12:40:25

1. NumPy: NumPy is a package that provides support for arrays and matrices, and is a fundamental tool for scientific computing. It is also an essential library for machine learning. However, its syntax can be confusing, especially for beginners. PyPI - https://pypi.org/project/numpy/ | GitHub - https://github.com/numpy/numpy

2. Pandas: Pandas is an open-source data analysis and data manipulation library. It provides fast, flexible, and expressive data structures designed to make working with “relational” or “labeled” data both easy and intuitive. However, its DataFrame objects can be slow to manipulate and the documentation can be overwhelming.
PyPI - https://pypi.org/project/pandas/ | GitHub -  https://github.com/pandas-dev/pandas

3. Matplotlib: Matplotlib is a 2D plotting library that allows you to create visualizations of your data. It's a powerful tool for data analysis, but the syntax can be complex and the customization options can be overwhelming. GitHub - https://github.com/matplotlib/matplotlib

4. Seaborn: Seaborn is a data visualization library based on Matplotlib. It provides a high-level interface for drawing attractive and informative statistical graphics. However, it can be difficult to integrate with other libraries and customize the visualizations to your specific needs. GitHub - https://github.com/mwaskom/seaborn

5. Requests: Requests is a popular Python library for sending HTTP requests. It is easy to use and versatile, but can cause nightmares when dealing with complex authentication methods and session management. GitHub - https://github.com/psf/requests

6. Flask: Flask is a micro web framework for Python that is easy to use and lightweight. It's a great choice for small to medium-sized web applications, but can become a nightmare when you need to scale up to handle high traffic and complex requirements. GitHub - https://github.com/pallets/flask

7. Django: Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. While it's a great choice for complex web applications, its step learning curve and complex documentation can make it difficult for beginners to get started. GitHub - https://github.com/django/django


In conclusion, while these packages are powerful and widely used, they can also be challenging to work with. However, with practice and determination, you can overcome these challenges and become an expert in using these tools to solve real-world problems.
else if
Published: 2023-02-08 12:21:27

```cpp
`if` bunga biz shart beramiza va shu shart orqali `cout`da ishlaymiza.

`else` agar if tagidan `else` bolsa if notogri bolsa `else` avtomatik tarzda ozi ishlaydi.

`else if ` ko'p shart ifda bolsa else if ga yozamiza
```
My Experience with NativeScript: Building Cross-Platform Mobile Apps with Ease
Tags: mobile, android, ios
Published: 2023-02-08 12:20:02

Are you looking for a way to build mobile apps that can run on both iOS and Android platforms with ease? Look no further than NativeScript! In this blog post, I'll share my experience with this open-source framework and why it's worth checking out.

**Getting Started with NativeScript**

- Installation process was straightforward and simple
- Created my first app in a matter of minutes
- Comprehensive documentation and a large community of developers available for help

**Native Experience for the Users**

- Apps built with NativeScript are not web apps running inside a web view
- They use the native components of the platform for a smooth and responsive user interface
- Apps look and feel like native apps, providing a better user experience

**Access to Native APIs**

- Ability to access native APIs directly, giving access to all device features
- This includes camera, accelerometer, GPS, and more
- Creates powerful and feature-rich apps that can do more than just display content

**Final Thoughts**

My experience with NativeScript has been nothing but positive. It's a great framework for building cross-platform mobile apps and I would highly recommend it to anyone looking for an easy and efficient way to build native mobile apps using JavaScript. Whether you're a beginner or an experienced developer, NativeScript is definitely worth checking out.

In conclusion, if you're looking for a framework that provides a native experience, access to native APIs, and ease of use, then NativeScript is the perfect choice for you. Start building your cross-platform mobile app today!
tips on caring for a murai batu
Tags: tutorial, bird, lifestile
Published: 2023-02-03 04:52:02

murai batu, also known as rock pigeons, are a hardy species of pigeons and can be kept as pets. Here are some tips for caring for murai batu:

Housing: Provide a spacious cage or aviary that allows the bird to stretch its wings and move around freely. The cage should be made of metal or sturdy plastic and have a perch and a feeding dish.

Diet: murai batu require a balanced diet of seed, grain, fruit, and vegetables. It's essential to provide fresh water daily. A balanced diet helps maintain their overall health and prevent disease.

Exercise: These birds need regular exercise and should be allowed to fly in a safe and secure area. A daily fly around can help them maintain good physical condition and mental health.

Health: Regular check-ups with a veterinarian who specializes in birds is important to ensure that the murai batu is in good health. Regular cleaning of the cage, toys, and perches is also necessary to prevent the spread of disease.

Socialization: murai batu are social birds and enjoy the company of their own kind. Consider keeping a pair of birds if you have the space and resources to do so.

By following these tips, you can provide a safe and healthy environment for your murai batu pet.

## Train magpie sounds

Magpies are intelligent birds and can be trained to make specific sounds. Here are some steps you can follow to train your pet magpie to make [sound murai batu](https://www.soppes.com/suara-burung-murai-batu-isian-gacor/):

Start with a simple sound: Choose a simple sound, such as a whistle, that you would like the bird to make. Use this sound consistently, and reward the bird every time it makes the sound.

Reinforcement: Reinforce the behavior by providing a treat or a positive verbal reinforcement each time the bird makes the desired sound.

Repetition: Repeat the process several times a day, every day, to encourage the bird to associate the sound with a positive reward.

Patience: Training a magpie takes time and patience. Be persistent, and don't get discouraged if it takes longer than expected.

Gradually increase difficulty: As the bird becomes more skilled, you can gradually increase the complexity of the sound. This can help to keep the training process interesting for the bird.

Remember, magpies are social birds, and they may respond better to training if they are kept in pairs or groups. It's also essential to provide plenty of mental stimulation and physical exercise to keep your pet magpie healthy and happy.
tanlov operatorlari
Tags: beginners, programm, css
Published: 2023-02-08 12:17:36

biz bugun `switch` operatorlari haqida malumot oldik
switch operatorlari `if - else` operatorlariga juda ham ohshhash faqqat uni yozganingizdan song oxiriga `break` sozini qoshib qoyishimiz zaru
@dawroun
if else ohirgi darsimiz
Published: 2023-02-08 12:17:15

```cpp
Bugun if else da ohirgi dars misolani ishlaymiz 
#include <iostream>
using namespace std;
int main(){

int a,b,c;
  int a1,b1,c1;
  int strike = 0, ball = 0;

  cin >> a >> b >> c;
  cin >> a1 >> b1 >> c1;
  

  if(a == a1){
    strike++;
  }
  if(b == c1 || c == b1){
    ++ball;
  }
  if(b == b1){
    ++strike;
  }
if(a == c1 || c == a1){
  ++ball;
}
if(c == c1){
  ++strike;
}
if(a == b1 || b == a1){
  ++ball;
}
  if((b == c1 && c == b1)){
    ++ball;
    }
    if(a == c1 && c == b1){
    ++ball;
      }
       if(a == b1 && b == a1){
    ++ball;
         }
   << strike << "S" << ball << "B";
bu bizani ohirgi mavzuyimiz 
keyingi darsdan boshqa mavzu otamiz

  return 0;
}


```
@Dawroun
Area Chart In Excel
Published: 2023-02-08 12:12:36

An **[area chart in Excel](https://www.bizinfograph.com/resource/area-chart-in-excel/)** is a data visualization tool used to display the trend of a dataset over time. It is represented by a series of points connected by a line, with the area between the line and the X-axis filled with color or shading to indicate the magnitude of the data. This type of chart is particularly useful for showcasing cumulative totals, and can be used to compare multiple datasets within the same chart. Proper formatting and customization of an area chart in Excel can help to effectively communicate insights and trends in the data.
Sarthaks eConnect
Published: 2023-02-08 12:09:23

Sarthaks eConnect is an **_[Online Learning Platform](https://www.sarthaks.com)_** for Class 7 to 12 students and students preparing for JEE, NEET, CBSE BOARD Exams, and Other Competitive Exams. Students can practice online test papers and enhance their skills and chance of success. We are a team of committed professionals with an aim to make learning not just easy but also fun and interactive.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n6zoygng17az1kddvmcb.jpg)

Sarthaks eConnect is a free education portal that provides NCERT solutions, test papers, and study materials to students preparing for CBSE, NCERT Books, sample papers and so many other things for different entrance exams. Our aim is to provide the best books and study material for the students. We provide all the essential information you need to prepare for your exam.

Our NCERT Solutions are very concise to make it easier for students to learn tough concepts. NCERT Solutions have all the solutions related to intext questions, exercise questions, and back-the-chapter questions answers. Our NCERT Solutions Class 7 to 12 has covered all the topics in-depth.