海外TECH |
DEV Community |
Recordle - Using Deepgram To Build On My Favorite Game |
https://dev.to/jaydongoodrich/recordle-using-deepgram-to-build-on-my-favorite-game-1jn0
|
Recordle Using Deepgram To Build On My Favorite Game Overview of My SubmissionOver the last few months the game Wordle has take the internet world by storm It has become nearly impossible to to scroll through social feeds without seeing someones daily attempt Recordle is a spin on this game Recordle allows you to play the word solving game with just your voice Simply start the game and Recordle will start listening for the keyword Word once that keyword is heard the following word will be the guess Ex Saying Word Story would submit a guess for the word story The game is continued to be played until the word of the day is guessed or the user exceeds guesses Link to Play The GameRecordle Submission Category Gram Gamers Link to Code on GitHubgithub Additional Resources InfoVideo showing gameplay |
2022-04-02 19:17:20 |
海外TECH |
DEV Community |
The Ultimate Guide to The Ultimate Guide to Getting Started in Data Science |
https://dev.to/marrie/the-ultimate-guide-to-the-ultimate-guide-to-getting-started-in-data-science-cad
|
The Ultimate Guide to The Ultimate Guide to Getting Started in Data ScienceWe can define data science as an inter disciplinary field that uses scientific methods to prepare data for analysis including cleansing aggregating and manipulating the data to perform advanced data analysis In this article I am going to provide a guide on the various topics you can cover in order to get a head start at this awesome field Introduction to Python Mastering Python basics Python is a high level general purpose programming language Its design philosophy emphasizes code readability with the use of significant indentation Due to its simple structure and the qualifications above it is highly preferred for data science and data analytics You can visit my posts on introduction to python and python data structures to get a quick introduction to this wonderfull language A quick and easy way to run your python codes would be using Jupyter notebook on anaconda Jupyter notebook is a text editor which comes in very handy when advancing from writing simple python codes to using python libraries to perform data science tasks Anaconda on the other hand is an open distribution of the R and python programming languages that simplifies package management and deployment You are first required to install anaconda then install jupyter notebook present in anaconda Here is a blog post that sheds more light on jupyter notebook for python and anaconda Tip Once you have anaconda installed and you are familiar with vs code you can install jupyter notebook as an extension and create a new file using the ipynb extension to use jupyter notebook in vs code Once you run a file you will be prompted to select the environment you want to use to run your notebook Ensure you select the base environment to smoothen your process You can also use the google colab which is much easier since all the packages are pre installed all you need to do is import and use them so long as you have a stable network connection Please opt for this option after you get the basics right so as to ease your coding process Introduction to DatabasesOnce you have tried out some python projects and feel comfortable with moving forward then learn about databases A database simply consists of a collection of data which are stored and accessed electronically Data is fetched from the database with the help of queries which ask the database to perform various functions There exists two types of databases relational and non relational databases A relational database usually has tables and data is stored in the tables in form of rows and columns An example is the SQL database A non relational database is also refferred to as NoSQL database It stores data in a format known as JSON which uses human readable formart to store and retrieve data Data is stored as a collection of objects containing key value pairs which are separated from each other with the help of a semi colon user id qweert name John occupation Doctor In the example above we have a user object with keys id name and occupation each containing its own value Some non relational databases include Mongodb and Amazon DynamoDB For further insight on the differences of relational database and non relational database checkout this video Understanding Python libraries used in DatascienceThis is always the exciting part for me and I do hope it excites you too Python contains very useful libraries that are used to perform various data science tasks Thus understanding these packages is essential to your progress in this field To use these libraries we must install them using pip install library name and then import it into our file The libraries include PandasNumpyMatplotlibSeabornPyforesta PandasThis is the python package or library that is used in data analysis It provides a dataframe that allows you to play around with your data and structure it however you want Pandas is mostly prefered for its flexibility and ability to work with big data Most people prefer to refer to a dataframe as df when analysing their data Some functionalities that come with pandas include Reading the dataset in any format df read csv url of the excel sheet Viewing part of the datasetdf head Locate anything df loc column name locating using an integerdf iloc column s Sortingdf sort values column to sort by ascending False Just to mention a few Check out this blog for more clarificationsb NumpyNumpy is the same a lists in python It is used to store multidimentional arrays eg D D or D arrays Numpy is ussually preferred over lists since it uses fixed values wherease values in list vary Numpy less storage space compared to list due to the fact that all the blocks storing data are next to each other contiguous blocks whereas in list the blocks are far apart and pointers are used to store data Numpy enables us to do all the mathematics we need Using this library we can perform more that we could not with lists ega b a bThe above code produces and error However in numpy we accomplish this using a np array b np array a bwe get Now click here and get more information on how to get started with numpy c MatplotlibThis is an open source drawing library that converts our dataset into drawings that can be used to understand and further explain our dataset You can generate various charts eg plots histograms bar charts pie charts and scatter plots If you are curious about what I am talking about let this tutorial feed your interests Note this library feeds on data that is as a result of the two libraries above it In short analyse your data by performing mathematical operations on it then plot a suitable chart of it d SeabornThis is where we visualise information from matrices and dataframes in order to make attractive statistical plots This is just a compliment of matplotlib and not a substitute In short it adds more flavor to our charts and makes them look more appealing In order to use seaborn you need to understand how it approaches data visualizations More info Now after understanding the functionalities of the above libraries we can use one awesome library called pyforest to import all our required libraries with ease How cool is that guys First install the library in your terminal pip install pyforest Now write this from pyforest import You can veiw all imports by typinglazy imports Connecting to a database of your choiceWe now know the python syntax libraries and databases present How about we combine the knowledge and come up with something cool Yes I am talking about connecting our python files to the database This is very important since we have seen we will work with a collection of data that we will regularly store and retrieve Check this post about connecting a postgres database to python Python and Dynamodb dataand connecting to MYSQL When working with databases we will also get to understand some usefull techniques that data must undergo like data flattening and how to flatten data into a table and some common errors found in data like missing values bad values duplicates and methods of avoiding such errors I hope this article helps you to get started with data science Do not let the topics overwhelm you Try to learn on each day and for sure you will be at a better place within a month or even weeks Here are some code examples of the topics covered aboveincase you need more examples Happy coding |
2022-04-02 19:16:27 |
海外TECH |
DEV Community |
More scalable applications only using forms and webcomponents |
https://dev.to/uppercod/more-scalable-applications-only-using-forms-and-webcomponents-14ld
|
More scalable applications only using forms and webcomponentsI present to you atomico magic form a set of webcomponents created with AtomicoJS that centralizes form submission to build scalable applications using traditional forms Traditional forms I mean the use of the lt form gt tag example lt form actio myAction gt lt input type name gt lt button gt submit lt button gt lt form gt Now let s add some of the magic of MagicForm lt MagicFormProvider actions async myAction form HTMLFormElement return myApi new FormData form gt lt MagicForm gt lt form actio myAction gt lt input type name gt lt button gt submit lt button gt lt form gt lt MagicForm gt lt MagicFormProvider gt In the above code we have added components MagicFormProvider centralizes the actions of nested MagicForms MagicForm identifies the form to be observed by MagicFormProvider this component also allows knowing the status of the sending and the return of the myAction function through the onChangeState eventThe benefits of using MagicForm are Reusable ActionsThanks to MagicFormProvider we can easily reuse the actions between forms example lt MagicFormProvider actions async myAction form HTMLFormElement return myApi new FormData form gt lt MagicForm gt lt form actio myAction gt lt input type name gt lt button gt submit lt button gt lt form gt lt MagicForm gt lt MagicForm gt lt form actio myAction gt lt input type name gt lt button gt submit lt button gt lt form gt lt MagicForm gt lt MagicFormProvider gt Observe the status of the formThe form submission process can be observed through the onChangeState event this will allow you to know the submission status and the action response lt MagicForm onChangeState currentTarget gt console log currentTarget state gt lt form actio myAction gt lt input type name gt lt button gt submit lt button gt lt form gt lt MagicForm gt MicrofrontendIf MagicFormProvider does not find the dispatched action among its actions it will continue to bubble until the next MagicFormProvider this allows you to have multiple islands with isolated and reusable actions example lt MagicFormProvider actions async login gt lt MagicFormProvider actions actionsClient gt lt PageClient gt lt MagicFormProvider gt lt MagicFormProvider actions actionsAdmin gt lt PageAdmin gt lt MagicFormProvider gt lt MagicFormProvider gt Beautiful isn t it but how to use itWebcomponentAtomicoJS Atomico is a powerful library that allows you to create web components like MagicFormReact and Preact Webcomponent lt magic form provider gt lt magic form gt lt form action user gt lt input type text name name gt lt input type text name email gt lt button gt Create user lt button gt lt form gt lt magic form gt lt magic form provider gt lt script gt await customElements whenDefined magic form provider document querySelector magic form provider actions async add form return fetch my api method post body new FormData form then res gt res json lt script gt Atomico Jsimport MagicForm MagicFormProvider from atomico magic form function component return lt host gt lt MagicFormProvider actions async add form return fetch my api method post body new FormData form then res gt res json gt lt MagicForm gt lt form action user gt lt input type text name name gt lt input type text name email gt lt button gt Create user lt button gt lt form gt lt MagicForm gt lt MagicFormProvider gt lt host gt React and PreactTo use this webcomponents in React or Preact you must install atomico react remember that for its use in Preact you must change the module from atomico magic form react to atomico magic form preact import MagicForm MagicFormProvider from atomico magic form react export function App return lt gt lt MagicFormProvider actions async add form return fetch my api method post body new FormData form then res gt res json gt lt MagicForm gt lt form action user gt lt input type text name name gt lt input type text name email gt lt button gt Create user lt button gt lt form gt lt MagicForm gt lt MagicFormProvider gt lt gt MagicForm is AtomicoJS project AtomicoJS Open source project for the creation of interfaces based on webcomponents MagicForm was created with Atomico a library of only kB that will allow you to create webcomponents with a functional approach we invite you to learn more about Atomico and its tools that will improve your experience with webcomponents I invite you to join the Atomicojs community and learn more about our projects |
2022-04-02 19:16:21 |
海外TECH |
DEV Community |
02/04/2022: |
https://dev.to/miki916/02042022-245h
|
instalado |
2022-04-02 19:14:02 |
海外TECH |
DEV Community |
how can i get python modules on windows 11 ? |
https://dev.to/ten_code_10/how-can-i-get-python-modules-on-windows-11--566h
|
how can i get python modules on windows Hello guys Wanting to make a small python project I am confronted with module errors which prevent me from doing anything I first tried to install anaconda but without success because during the installation I always have a error message which tells me that the presence of a space harms the proper functioning of anaconda So I went to shell to install pytho and by command line I installed the modules I need for my project using pip Nothing works I don t know where to put my head to think on this problem |
2022-04-02 19:12:10 |
海外TECH |
DEV Community |
Getting started with Markdown in Google Docs |
https://dev.to/duncanlew/getting-started-with-markdown-in-google-docs-15e0
|
Getting started with Markdown in Google Docs Increase your productivity with these Markdown tipsGoogle announced in a blog post that Google Docs will support auto detection of the Markdown syntax Markdown is an easy markup language that is used to add formatting to texts If you want to make some text bold in a traditional document editor like Google Docs or Microsoft Word you d have to select the text and then click on a bold button or use your keyboard shortcut to add the bold formatting When you re using the Markdown syntax none of that is necessary You can simply enclose the text you want to add the bold formatting to between two asterisks like this this text will be in bold Why use Markdown Using Markdown to apply formatting to your text can be much quicker since you don t have to use any keyboard shortcuts or use your mouse to apply specific formatting You can keep your hands on your keyboard and focus on the formatting text with text shortcuts instead of keyboard shortcuts Google s support for MarkdownGoogle Docs supports a wide range of Markdown s features like bulleted and numbered lists headings text formatting and even links These are more than enough for the average user to get started in Google Docs Something to keep in mind if you re already familiar with Markdown is that the implementation in Google Docs is a bit different In traditional Markdown editors the Markdown syntax is kept intact so that you will still be able to see the special text shortcuts in plain text like This is formatted text In Google Docs this Markdown syntax isn t kept in plain text and will be automatically applied So Google Docs is still a WYSIWIG text editor Activate Markdown support in Google DocsMarkdown support in Google Docs is disabled by default In order to use this feature go to Tools gt Preferences and then check the box titled Automatically detect Markdown If you don t see this checkbox you will have to wait a bit longer before Google rolls it out for all Google accounts Markdown syntax for Google DocsYou can create up to six different headings in Google Docs with Markdown This can be done with the hashtag character The number of characters you add will represent the corresponding heading level Formatting your text as italic bold and strikethrough can be done very easily For bold and italic text you can either use the character or For strikethrough the dash character can be used The syntax will look like this I am italic I am bold I am bold and italic I am also italic I am also bold I am also bold and italic I am strikethrough Creating a link can also be done with Markdown For this we use both the square and round brackets Between the square brackets we put the linked text and between the round brackets we put the URL The syntax for this is as follows Google www google com TakeawayIt s very nice that Google is adding more support for nerdy productivity features like Markdown By knowing just a few simple Markdown rules you can become a Google Docs shortcut guru Who knows what Google has in store for us in the near future Maybe we might get even more Markdown features or Vim like editing mode If the content was helpful feel free to support me here |
2022-04-02 19:10:07 |
海外TECH |
DEV Community |
Advanced Express JS REST API - Node.js - Full Tutorial |
https://dev.to/fullstackarchitect/advanced-express-js-rest-api-nodejs-full-tutorial-n9m
|
Advanced Express JS REST API Node js Full TutorialHello guys In this episode I am giving you an introduction of this new series named Advanced REST API with Express JS You will learn best practices for designing your REST API middlewares controllers and implementation of security features like JWT and refresh tokens This episode if part of a bigger series The whole playlist can be found on Please consider subscribing to my channel if you want to see more content like this Thank you |
2022-04-02 19:08:02 |
海外TECH |
DEV Community |
Advanced Express JS REST API - JWT Refresh Tokens - Node.js |
https://dev.to/fullstackarchitect/advanced-express-js-rest-api-jwt-refresh-tokens-nodejs-391
|
Advanced Express JS REST API JWT Refresh Tokens Node jsHello guys If you decided to implement JWT tokens then of course you should implement refresh tokens The implementation of refresh tokens is really easy and it improves the customer experience What do I mean by that Basically if a JWT token expires then the user has to be logged out and has to login again to get a fresh JWT token The solution for this is a Refresh Token What if you implement refresh tokens When an API call is made and you get the response Unauthorized means JWT Token Expired then behind the scenes your software sends a request that contains the expired token and the refresh token The server validates the expired JWT token and the refresh token and if valid then a fresh pair of JWT token and refresh token is being returned to the client The client now can try again to send the request that has initially failed I am doing this youtube series named Advanced REST API with Express JS in which I will give you best practices for developing your REST API with Express and Node js In this episode I am showing you how to implement refresh tokens Feel free to watch the whole series on list PLswazZKTGOagNcntperoTIkaow amp index amp t sPlease support me by subscribing to my channel Thank you |
2022-04-02 19:06:36 |
海外TECH |
DEV Community |
WcamPhish Tool by Tanmay Tiwari |
https://dev.to/tanmaytiwaricyber/wcamphish-tool-by-tanmay-tiwari-1pb3
|
WcamPhish Tool by Tanmay TiwariGrab cam shots from target s phone front camera or PC webcam just sending a link |
2022-04-02 19:05:39 |
Apple |
AppleInsider - Frontpage News |
Compared: Cricut Maker lineup vs Cricut Explore range |
https://appleinsider.com/articles/22/04/02/compared-cricut-maker-lineup-vs-cricut-explore-range?utm_medium=rss
|
Compared Cricut Maker lineup vs Cricut Explore rangeWhether you re an avid crafter or starting your own small business and want to handle the merchandising yourself Cricut machines can help create some truly impressive projects Here s how each model compares to the next and which one you should check out Cricut MakerMaybe you ve known about Cricut for a while from the company s marketing to crafters Or perhaps you ve only recently seen them at your local Big Box Store and you re suddenly interested in what this machine can do Read more |
2022-04-02 19:54:53 |
ニュース |
BBC News - Home |
Dover queues due to shortage of cross-Channel ferries |
https://www.bbc.co.uk/news/uk-england-kent-60965245?at_medium=RSS&at_campaign=KARANGA
|
dover |
2022-04-02 19:28:05 |
ニュース |
BBC News - Home |
Hargeisa fire: Inferno devastates market in Somaliland's capital |
https://www.bbc.co.uk/news/world-africa-60967458?at_medium=RSS&at_campaign=KARANGA
|
hargeisa |
2022-04-02 19:36:06 |
ニュース |
BBC News - Home |
Freiburg 1-4 Bayern Munich: Bayern have 12 players on pitch in mix-up |
https://www.bbc.co.uk/sport/football/60968498?at_medium=RSS&at_campaign=KARANGA
|
freiburg |
2022-04-02 19:10:54 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
早稲田の2021年秋季リーグ、小宮山監督が負けても「これでいいんだ」と思った理由 - メジャーリーガー小宮山悟監督の「早稲田伝統」チームビルディング |
https://diamond.jp/articles/-/300507
|
小宮山悟 |
2022-04-03 04:50:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「SNSが苦手で」閉塞感ばかりの時代に必要なのは、独断と偏見が許される自分だけの“タイムライン” - from AERAdot. |
https://diamond.jp/articles/-/300342
|
「SNSが苦手で」閉塞感ばかりの時代に必要なのは、独断と偏見が許される自分だけの“タイムラインfromAERAdot「当時は“忙しいことが今よりずっと『いいこと』だったんです。 |
2022-04-03 04:45:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ジープ初の電気自動車は「ラングラー」ではない!?2023年に別車種で発表か - 男のオフビジネス |
https://diamond.jp/articles/-/300380
|
発売予定 |
2022-04-03 04:40:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
新日本酒紀行「吾有事」 - 新日本酒紀行 |
https://diamond.jp/articles/-/299364
|
山形県鶴岡市 |
2022-04-03 04:35:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
『瀬戸内国際芸術祭2022』が開幕!現代アートと瀬戸内グルメを楽しむ島旅 - 地球の歩き方ニュース&レポート |
https://diamond.jp/articles/-/300348
|
japan |
2022-04-03 04:30:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
職場で絵文字を使い過ぎると「社内評価が低下」する研究、その結果は!? - ヘルスデーニュース |
https://diamond.jp/articles/-/300706
|
職場で絵文字を使い過ぎると「社内評価が低下」する研究、その結果はヘルスデーニュース絵文字はかわいらしくて表現力が豊かだが、職場内でのコミュニケーションに絵文字を使い過ぎると、職能に関する社内での評価が低下してしまうかもしれない。 |
2022-04-03 04:25:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ひろゆきがこっそり明かす「エリートを追い抜くためのたった1つの方法」 - 1%の努力 |
https://diamond.jp/articles/-/300404
|
youtube |
2022-04-03 04:20:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【外科医が教える】奇抜な発想で画期的な検査を生んだ「天才医師」たちの特徴とは? - すばらしい人体 |
https://diamond.jp/articles/-/300686
|
【外科医が教える】奇抜な発想で画期的な検査を生んだ「天才医師」たちの特徴とはすばらしい人体累計万部突破唾液はどこから出ているのか、目の動きをコントロールする不思議な力、人が死ぬ最大の要因、おならはなにでできているか、「深部感覚」はすごい…。 |
2022-04-03 04:15:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【精神科医が教える】 チャレンジする勇気が得られるたった1つの考え方 - 精神科医Tomyが教える 心の荷物の手放し方 |
https://diamond.jp/articles/-/300629
|
voicy |
2022-04-03 04:10:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
いちばん 字がきれいに書ける ペンとは? - 簡単ルールで 突然、美文字が書ける |
https://diamond.jp/articles/-/300444
|
字にコンプレックスのある方、字がうまくなることを諦めていた方におすすめです。 |
2022-04-03 04:05:00 |
コメント
コメントを投稿