teleren/devto huggingface dataset:
Course Announcement: Creating Angular Components with Material Components Web
Tags: angular, angularmaterial, materialdesign, webdev
Published: 2023-12-10 10:28:11

---
title: Course Announcement: Creating Angular Components with Material Components Web
published: true
description: In this course, we will learn about creating Angular compatible components using Material Components Web (Material 2)
tags: angular, angularmaterial, materialdesign, webdevelopment
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a3crgp2tunsl6r58lucg.png
---

🤔 Ever wondered how to create Material Design component that is not provided by material.angular .io ?

Worry not, we have got your back with new course

📢 Announcing...

## Creating Angular Components with Material Components Web

This course is useful when there is no official Angular component available for Material Design, but you want to have it in your application. For example [banners](https://m2.material.io/components/banners).

In this approach, we will learn 2 ways to create components in Angular:

1. Simple approach using DOM manipulation
2. Advanced approach using foundations and adapters

You can view the course at:

{% embed https://angular-material.dev/courses/mcw-ng-components %}
量化交易策略步骤解析
Published: 2023-12-10 09:01:39

这个无论是高频低频还是自己手动交易都可以用，是一个SOP
## 一、市场选择
外汇、贵金属、crypto、美股。

## 二、选择工具
现货、期货、期权以及加密货币合约

## 三、策略选择&研究
例如，金叉死叉、MACD背离、RSI超买超卖值，这些只是最基本的

真正应用的话策略要最起码知道怎么用怎么判断，并做好回溯测试

## 四、手动回测
一个参考的sample，看看自己到底写的是对还是错。

## 五、撰写策略

## 六、检查条件
进场出场

## 七、回测工具、回测

## 八、检查绩效数据

## 九、修正问题&重复

## 十、实单

# 项目部分 实操
我们选择的是基于.net框架的C# ，用的是stocksharp库，
首先我们在自己的C#项目中添加stocksharp子模块，（前提是C#项目有了git节点）
```bash
git submodule add git@github.com:stocksharp/stocksharp.git
```
Weekly reading digest #17
Tags: php, backend, symfony, softwareengineering
Published: 2023-12-10 09:00:00

[A session locking test suite for PHP](https://tqdev.com/2022-php-session-locking-test-suite)

[How to reproduce and resolve PHP Session Failures](https://jennifersoft.com/en/blog/tech/2019-04-08/)

[The Case of the Missing PHP Session](https://nystudio107.com/blog/the-case-of-the-missing-php-session)

[Value Objects in PHP 8: Building a better code](https://dev.to/cnastasi/value-objects-in-php-8-building-a-better-code-38k8)

[Advanced Value Objects in PHP 8](https://dev.to/cnastasi/advanced-value-objects-in-php-8-1lp0)

[New in Symfony 6.4: Workflow Profiler](https://symfony.com/blog/new-in-symfony-6-4-workflow-profiler)

[Master task scheduling with Symfony Scheduler](https://jolicode.com/blog/master-task-scheduling-with-symfony-scheduler)

[How much database abstraction do I need?](https://slidr.io/derrabus/how-much-database-abstraction-do-i-need)

[PHP attributes in Laravel](https://blog.oussama-mater.tech/php-attributes/)

[You don't need JavaScript for that](https://www.htmhell.dev/adventcalendar/2023/2/
)

[Should we stick to old patterns or sacrifice consistency?](https://understandlegacycode.com/blog/consistency-or-progress/)
Sunwin
Published: 2023-12-10 08:40:50

sunwin.express là trang web chính thức mới nhất của cổng game Sunwin 2024. Cung cấp đường link truy cập Sunwin bản gốc, giành cho cả phiên bản Mobile và PC. Người chơi có thể thao tác dễ dàng hơn bằng việc đăng ký Sunwin Web. Ngoài ra khi trải nghiệm tại trang Linksun.win người chơi sẽ được hỗ trợ trực tiếp 24/7, đảm bảo an toàn thông tin tuyệt đối. 
Tên thương hiệu: Sunwin
Địa chỉ: 12 Nguyễn Đình Chiểu, Mỹ Long, Thành phố Long Xuyên, An Giang, Việt Nam
Email: linksunexpress@gmail.com
Phone: 0961780874
Website: https://sunwin.express
Zipcode: 900000
#sunwin #linksunwinexpress #sunwinexpress #conggamesunwin
https://twitter.com/sunwinexpress
https://vimeo.com/sunwinexpress
https://www.pinterest.com/sunwinexpress/
https://www.tumblr.com/sunwinexpress
https://www.twitch.tv/sunwinexpress/about
https://www.reddit.com/user/sunwinexpress
https://www.youtube.com/@sunwinexpress
https://500px.com/p/sunwinexpress?view=photos
https://www.flickr.com/people/199688621@N03/
https://circleten.org/a/265000
https://www.openstreetmap.org/user/sunwinexpress
https://www.webwiki.com/sunwin.express
https://sunwinexpress.jigsy.com/
https://techcommunity.microsoft.com/t5/user/viewprofilepage/user-id/2193277#profile
https://www.fundable.com/sunwin-xxpress
http://uid.me/sunwin_xxpress#
http://www.video-bookmark.com/bookmark/6046643/sunwin/
Native Instruments Traktor Pro Plus 3 MAC & Windows DOWNLOAD
Tags: vstplugin
Published: 2023-12-10 08:04:20


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e1uwy4te5urs1jr9li0f.jpg)
Tech Specs (MAC & Windows)
Software Type:Music Software
Platform:, MAC & Windows
Upgrade/Full Version:Full Unlocked
**[Download/Boxed: Download](https://kalaplugins.com/native-instruments-traktor-pro-3/)**
License Type:Lifetime Activation
SUPPORTED AUDIO FORMATS:MP3, WAV, AIFF, Audio CD, FLAC, Ogg Vorbis, non-DRM AAC
Hardware Requirements – PC: Intel / AMD Multi-core CPU, 4GB RAM minimum
OS Requirements – OSX : MacOS 11, 12, 13 (latest update)
TRAKTOR PRO is the industry-leading DJ software – four decks and a stunning range of creative features designed for professional DJs. Industry-leading 4-deck DJ software with unrivaled pro features. Innovative Stem decks for creative mixing with compatible hardware. Powerful looping, over 40 effects, plus 1-knob Macro control.
PROFESSIONAL 4-DECK DJ SOFTWARE
Our flagship DJ software, used from bars, to booths, to the biggest stages around the world
Pro-grade audio, with new time-stretching and improved limiter
Powerful interfacing with TRAKTOR hardware, including Haptic Drive™, Remix Deck pattern recorder, and more

CRAFTED TO PERFORM
Almost two decades ago, we created the first DJ software to truly conquer the club. Since then, it’s filled sound systems and dancefloors across the world, as well as house parties, bars, beaches, and everything in between. Now, with TRAKTOR PRO 3, we’ve built on that past to bring you new tools for sonic sculpting, our best sound quality ever, and our clearest interface to date – so you can play whatever you want, however you want, wherever you want.

STAY IN SYNC
TRAKTOR is great for honing your beatmatching skills, but you can also blend genres and bridge BPMs by letting TRAKTOR PRO 3 do some of the work. Hitting the Sync button quickly gets your tracks beat-matched, so you have plenty of time to experiment with your mix.

REMIX WITH LOOPS, HOTCUES, AND BEATJUMPS
For those who really want to put their stamp on a set, the industry’s most reliable and seamless loop, Hotcue, and beatjump tools let you chop and re-edit tracks however you like. Unless you want to cut things up outside of the beat, TRAKTOR will make sure you never skip out of the groove.

FULL FX SUITE INCLUDED
Modulate your tracks with over 40 intuitive, high-grade effects. TRAKTOR’s famous Deck FX can twist and screw your tracks with endless variation, while new Mixer FX introduce easy-to-use effects in a single control on each channel. Turn them up, down, on, and off, for sonic exploration that’s out of this world.
🚀 Day 2 of #50DaysofBlockchain: Understanding Key Concepts! 🌐
Tags: webdev, web3, blockchain, challenge
Published: 2023-12-10 07:43:43

🔗 Bitcoin vs. Ethereum:
Bitcoin is a digital currency, while Ethereum is a decentralized platform for smart contracts. #Bitcoin #Ethereum #BlockchainBasics

💻 Miners:
Miners play a crucial role in validating transactions and securing the blockchain. They compete to solve complex mathematical problems for rewards. #BlockchainMining #Crypto

🧱 Blocks:
Blocks are the building blocks of a blockchain, containing transaction data. They're linked together to form an unchangeable, secure chain. #BlockchainBlocks #Decentralization

💸 Gas Fee:
Gas fees are the transaction fees on the Ethereum network, paid in Ether. They ensure prioritization and processing of transactions. #GasFee #Ethereum

🤖 Smart Contracts:
Smart contracts are self-executing contracts with coded terms. Explore them with Remix IDE and unleash the power of automation. #SmartContracts #RemixIDE

💡 Solidity:
Solidity is a programming language used to write smart contracts on the Ethereum platform. It's integral to creating secure and efficient contracts. #Solidity #BlockchainCoding

🌐 Ethereum Networks:
- Mainnet: The live Ethereum network.
- Testnet: Platforms like Rinkeby, Ropsten, Goerli, and Kovan for testing without real Ether.
- Local Blockchain: Setting up a personal blockchain for development and testing. #EthereumNetworks #BlockchainTesting

🦊 Metamask:
Metamask is a crypto wallet and gateway to blockchain apps. Seamlessly manage your Ethereum-based assets and interact with decentralized applications. #Metamask #CryptoWallet

⚙️ Hardhat:
Hardhat is a development environment for Ethereum that facilitates smart contract development, testing, and deployment. #Hardhat #BlockchainDev

📺 Learned all this from a fantastic YouTube video! Check it out: https://lnkd.in/daNBu78h

Let's dive deeper into blockchain intricacies! 💡 Feel free to share your insights and questions below! 🚀 #BlockchainEducation #DecentralizeEverything #50DaysofBlockchain.
Idea to build suggestion model using supervised or unsupervised?
Tags: machinelearning
Published: 2023-12-10 07:33:57

Assume we start on one huge area and want to build a model to suggest whether how much for each point of latlon recommended to be placed with new signal transmitter.

1st step : create all possible latlon within border area (100m grid)

2nd step : create all relevant features like

-closest existing transmitter distance -current signal level for the point (at this sample latlon) -how much use using the existing transmitter that closest to this point (at this sample latlon) -number of users using signal at this current point


Questions 

1.If I choose NNet model, I need to come up with score function to calculate suitable score for each feature vector. because it is required to train with the model since its supervised model, how can I find the suitable score function? and do I need to consider outlier at particular feature when find the score function.

2.If I can have labeled data, what is the benefit of ML model since I can use this score function with automated traditional software to generate the rank of point list.

3.If I use unsupervised method, it will group only similar characteristic point based on features, but how to rank this point, somehow, I need to educate model that each feature, the higher value means good, or higher value means bad right?

4.any recommendation or any better model choice?

I have tried to outline toe step, but I have question since the approach does not sound to outperform traditional automated software.
Customizing Your Vite Project Template: Taking the Next Step
Published: 2023-12-10 07:33:00


In our previous blog post, we delved into the fundamental structure of a Vite project. In this installment, our focus shifts to the subsequent crucial phase—customizing the default template generated by Git when running `npm create vite@latest` to initialize a new project. If you haven't explored the project structure yet, you can refer to this guide for a detailed breakdown: [Understanding the Vite Project Structure](https://dev.to/tani1964/learn-react-asap-4948).

The nucleus of customization lies within the `src` folder. This directory serves as the canvas for crafting your project's basic architecture, housing your pages, components, functions, and more.

While the `src` folder is pivotal, it's not the sole arena for customization. There are various other files throughout your project that you can tailor to suit your specific needs. These customizations may extend to project-related configurations, integration of specific dependencies, testing setups, or even the integration of tools like Tailwind CSS.

Here are some key areas you might consider customizing:

### 1. Project Structure:
   - **src:** Define the structure of your application, and organize pages, components, and utility functions within this directory.
   - **public:** Customize assets that are directly served by your application.

### 2. Configuration Files:
   - **vite.config.js:** Tweak Vite's configuration to align with your project requirements.

### 3. Dependencies and Plugins:
   - **package.json:** Manage project dependencies, scripts, and configurations.
   - **yarn.lock or package-lock.json:** Ensure consistent dependencies across different environments.

### 4. Styling:
   - **styles:** Adjust global styles or explore preprocessor integrations.
   - **tailwind.config.js:** Configure Tailwind CSS if you choose to use it in your project.

### 5. Testing:
   - **tests:** Set up and customize your testing framework as per your testing requirements.

### Next Steps: Building a Basic Web Application with React

Having laid the groundwork for customization, our next adventure involves getting our hands dirty and building a basic web application with React. Take advantage of the practical insights and step-by-step guidance that will follow in our next article.

Thank you for reading this article; stay tuned for the next where we dive into the hands-on process of bringing your customized Vite project to life. Your journey into web development is about to take a more exciting turn!
Button Design- Website UI Design tips
Published: 2023-12-10 07:19:49


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

Follow my account for more posts like this 😀

Mastering UI/UX design is an art that goes beyond pixels and grids. Today, let's delve into a key design principle that can elevate your creations. 💡

#UIUXDesign #DesignTips #UserExperience #UXDesign #UIDesign #DesignPrinciples #DigitalDesign #CreativeTips #DesignThinking #UXD #UID #DigitalInnovation #WebDesign #MobileDesign #CreativeProcess #VisualDesign #UIInspiration #UXInsights #DesignCommunity #DesignerLife #DigitalCreativity

Remember, great design is a journey, not a destination. Let's craft experiences that resonate! ✨
======
Text Clarity - Website UI Design tips
Published: 2023-12-10 07:18:45


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


Follow my account for more posts like this 😀

Mastering UI/UX design is an art that goes beyond pixels and grids. Today, let's delve into a key design principle that can elevate your creations. 💡

#UIUXDesign #DesignTips #UserExperience #UXDesign #UIDesign #DesignPrinciples #DigitalDesign #CreativeTips #DesignThinking #UXD #UID #DigitalInnovation #WebDesign #MobileDesign #CreativeProcess #VisualDesign #UIInspiration #UXInsights #DesignCommunity #DesignerLife #DigitalCreativity

Remember, great design is a journey, not a destination. Let's craft experiences that resonate! ✨
======
Project Ten: Image Filters
Tags: webdev, beginners, challenge, codingquokka
Published: 2023-12-10 07:00:00

I don't know if it's true, but once I heard a story about a certain very popular picture sharing network that didn't get the traction until it added filters for users.

Story had it that users were insecure that their photos didn't look professional enough without a sepia for example.

Well, regardless of how much truth the story has image filters are here to stay, along with their AI powered siblings.

Of course, it's important to keep being oneself, but some pictures just look better in black and white, don't you think?

And who knows, maybe one day you'll be implementing a service that needs just a little bit of image magic.

## Image filters: requirements and recipe

> As a user I'd like to see image with different filters, so that I'd be able to choose which one makes the picture looks better

There are plenty of filters one could apply: the built in CSS filters give us ability to control saturation, contrast, light and hue among other things.

Here's what you could do with them:

![Post cover copies with sepia and saturation applied](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h6v1hdaf265091r7vc33.png)

As always, user interface is up to you as long as it meets the requirements:

### Requirements

1. User should be able to pick an image they'd like to apply filters to
2. User should be able to choose one from a set of pre-defined filters
3. User should be able to preview selected filter

### Recipe

1. Decide on the filters you'd like to use
2. Create a static markup of the interface with a static image
3. Create static images with filters applied (e.g. for the selectors)
4. Add ability to select an image
5. Add ability to apply filter to selected image
6. Enjoy!

### Hints

You can use css filters - they are quite performant with the exception of blur perhaps.

You can use hidden file input element to be able to pick an image.

## Hard Mode: Saving an Image with filters

Of course, you could always take a screenshot, but for an actual service it'd be nice to be able to allow users to download or post their images with the filters applied.

And one way to do it - is apply those filters over the image drawn to a canvas. After all, it's "just" a little bit of math operations ;-)

You can use 2D context and handle it pixel-by-pixel, or, for an extra challenge, you could reimplement same filters using other contexts, e.g. WebGL.

Share your creations and feedback and see you tomorrow!

Liked the idea a lot and would love to have it all year long?

[![Buy Me A Coffee](https://cdn.buymeacoffee.com/buttons/v2/default-red.png)](https://www.buymeacoffee.com/valeriavg)
ST Introduction_Task 1
Published: 2023-12-10 06:39:34

**1)What is Software testing?**

Software testing helps us to ensure that required functions are working as expected based on outcome of testing process.
![Desired Outcome](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36124dydx7jxj2mn0flb.jpg)

**2)What we need to know about testing?**

We need to know its purpose like why we are following testing process.

We also need to know how we are going to achieve it by understanding different testing types, models and also stages involved in it.


**3)What is Relevance of Software testing?**

Main purpose or significance are:
To identify defects and ensure that product is not deviating from expected and also validates whether developed product fulfills purpose / requirement.
![Approved Quality](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymltw18mf5wgse6cv707.png)
BM Events
Tags: hospitality, jobs, part, time
Published: 2023-12-10 06:38:55

BM Events providing well-trained and professional casual staff, Brilliant Minds has supplied some of the largest events and gatherings in the GCC region. We work everyday to match the right people to Hotels, Banquet Halls, Universities, Events Spaces, Night Clubs, Weddings, Conferences, Exhibitions, Sporting Events and many more. The staff we provide is handpicked by our quality control team, and each goes through a rigorous training process in which they perfect their hospitality experience.
(https://bmevents.ae/)
Day 8 - Dia 8
Tags: html, css, 100daysofcode, webdev
Published: 2023-12-10 06:22:16

                    #100 DAY OF CODE

#Dia 8

 Seguimos aprendiendo y dando e uso a la pc nueva. Si bien estuve peleándome porque no podía instalar el framework “ Doom Emacs”. Pensando que era algo mucho mas grave. Y solo tenia que borra un archivo que no había notado. Pero bueno son cosas que aveces pasan. Y cosas que me entretienen bastante. 
 
Lo que respecta al día de código. Termine con la practica de css terminando de agregar un archivo css al proyecto de recetas que ya había realizado en los primeros días. Para poder jugar con diferentes propiedades dentro de css. Algo sencillo pero que sin practica no se perfecciona, cosas que tienen que salir de manera natural y si no las pongo en practica como tal. 

Es estar todo los días un rato, me costo mucho darme cuenta de muchas cosas todos estos años. Estoy muy contento la verdad por como se me han dado las cosas en este país tan destruido social y económicamente. 
  Pero lo que respecta a aprender estoy mas enfocado que nunca. Dejo algunas capturas de pantalla de lo que hice hoy. 



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




#Day 8

We continue learning and making use of the new PC. Although I struggled because I couldn't install the "Doom Emacs" framework, thinking it was a much more serious issue. Turns out, I just had to delete a file that I hadn't noticed. But well, these are things that sometimes happen and entertain me quite a bit.

As for the coding day, I finished the CSS practice by adding a CSS file to the recipe project I had already worked on in the first few days. This allowed me to play with different properties within CSS. It's a simple task, but without practice, one cannot perfect it. Some things need to come naturally, and if I don't put them into practice as such, it won't happen.

Spending some time every day on this has been a challenge, and it took me a long time to realize many things over the years. I'm really happy with how things have been going for me in this country, which is so socially and economically troubled. But when it comes to learning, I'm more focused than ever. I'll leave some screenshots of what I did today.
XPath: Descendant selectors
Tags: xpath, cheatsheet
Published: 2023-12-10 06:18:14

| Xpath | CSS |
| --- | --- |
| `//h1` | h1 |
| `//div//p` | div p |
| `//ul/li` | ul > li |
| `//ul/li/a` | ul > li > a |
| `//div/*` | div > \* |
| `/` | :root |
| `/html/body` | :root > body |

> ## Useful links
> - [Create Online cheatsheet](https://simplecheatsheet.com/)
> - [XPath Cheatsheet](https://simplecheatsheet.com/xpath)
Homebrew: Search, Install, Remove
Tags: homebrew, cheatsheet
Published: 2023-12-10 06:09:19

List all the installed formulae.
```
brew list
```
Display all locally available formulae for brewing.
```
brew search
```
Perform a substring search of formulae names for brewing.
```
brew search <text>
```
Display information about the formula.
```
brew info <formula>
```
Install the formula.
```
brew install <formula>
```
Uninstall the formula.
```
brew uninstall <formula>
```

> ## Useful links
> - [Create Online cheatsheet](https://simplecheatsheet.com/)
> - [Homebrew Cheatsheet](https://simplecheatsheet.com/homebrew)
中国的落后并不是从清朝开始的
Published: 2023-12-10 03:56:01


- 因为我们生活在清朝灭亡后的政权，所以我们会把责任推个上一个执政体，这迎合政治需要，但这并不是真理；

- 从公元前508年的雅典开始，就埋下了西方强盛的种子”民主“，这个种子在严酷的环境下生根发芽，缓慢成长，直到公元15世纪才完全体现出其优越性；这是一个漫长的过程，但这是正确之路；

- 西方的一切伟大与先进都是建立此制度上，或者说靠此制度来孕育；

- 这就像两种教育模式（死记硬背和兴趣驱动）下产生的差异，在成年之前可能体现不出”兴趣驱动“教育模式的优越性；在前面的将近20年中，”死记硬背“甚至表现的比”兴趣驱动“还要出色（中国孩子算数能力比美国孩子牛逼），但这都是假象，长久不了；成年后开始分叉，”死记硬背“模式下教育出来的孩子大部分是草包，而”兴趣驱动“模式走出来的孩子极富创造力与聪明才智；
> 回想我自己也是这样，靠着”死记硬背“，从上高中的那一刻开始成绩就一落千丈，直到考上个垃圾大学，在此过程中，没少努力，没有松懈半刻，努力程度丝毫不输初中，但是没有结果；幸运的是我没有选择复读，因为我自己知道我很努力了，如果这样没有结果，复读也不会有结果，虽然当时我没想到可能存在更高维度的东西会左右这些，也不明白这个更高维度的东西是什么；上了大学，自由了，”兴趣“这个意识才开始萌芽，很缓慢，可能有十来年，这个种子才真正长起来；我深刻的明白，”兴趣“这个东西，才是那个”更高维度的东西”，这是真理；在这种融入血液的思维模式下，诞生了现在的我，几乎一切行为都基于此；不热爱的工作不做，上班就得开心，否则给再多钱也不干，没有兴趣，没有乐趣的事情几乎都不会做；现在依然在学习，但是完全“兴趣”驱动，也懂得为自己培养兴趣（从根本上解决问题）；试图复制高中的那种努力程度，但是却不会累，因为这都是乐趣；拿自己做实验吧，看看在这种模式下，再过个10年20年会长出什么；不过，就算长不出什么，我也不会变，不会抹除“兴趣”这个理念，因为我在这种理念下，我自由、快乐、没有任何负担，这是我想要的；