Codelistic
Codelistic
  • 18
  • 33 157
Component reactivity pitfall (8) [Svelte Tutorial]
In this video I'll show you a common pitfall you can stumble into when you expect the component to change its data using reactivity.
---
Learn the Svelte fundamentals as a web developer through this youtube course series.
✔️ Topics covered in this video:
Reactivity of arrays
Reactivity of objects
🌎 Look me up:
My Blog: codelistic.com/
มุมมอง: 76

วีดีโอ

Warp | First look into the AI terminal powered by OpenAI (ChatGPT)
มุมมอง 614ปีที่แล้ว
Let me give you an introductory tour into Warp - a Mac AI terminal powered by OpenAI (ChatGPT) full of cool and useful features that are guaranteed to enhance your workflow as a developer. And on top of it all, it looks great! ✔️ Topics covered in this video: 0:00 Introduction 1:04 Blocks 3:23 Templates 3:59 Block sharing 5:54 Workflows 8:48 AI Command search 9:43 Ask Warp AI 11:17 Pricing
if ... else statements (7) [Svelte Tutorial]
มุมมอง 772 ปีที่แล้ว
Today we’ll take a look at how to conditionally render HTML in Svelte templates using if and else statements. Learn the Svelte fundamentals as a web developer through this youtube course series. ✔️ Topics covered in this video: - Using if - Using if - else - Using if - else if - else - 🌎 Look me up: My Blog: codelistic.com/
Component props (6) [Svelte Tutorial]
มุมมอง 972 ปีที่แล้ว
Today we’ll take a look at how to define and pass in props to components. Learn the Svelte fundamentals as a web developer through this youtube course series. ✔️ Topics covered in this video: - Passing in a single prop - Passing in multiple props - Using the JS spread operator for easier passing - Using default values for props - 🌎 Look me up: My Blog: codelistic.com/
Reactivity of arrays and objects (5) [Svelte Tutorial]
มุมมอง 4312 ปีที่แล้ว
Today we’ll take a look at how reactivity of arrays and objects works in Svelte. Reactivity means automatically re-rendering the page if the state of the data (that’s used in the template) changes. Learn the Svelte fundamentals as a web developer through this youtube course series. ✔️ Topics covered in this video: - Reactivity of arrays - Reactivity of objects - 🌎 Look me up: My Blog: codelisti...
Reactivity of variables (4) [Svelte Tutorial]
มุมมอง 1472 ปีที่แล้ว
Today we’ll take a look at how reactivity of simple variables works in Svelte. Reactivity means automatically re-rendering the page if the state of the data (that’s used in the template) changes. Learn the Svelte fundamentals as a web developer through this youtube course series. ✔️ Topics covered in this video: - Reactivity of variables - Reactive declarations - Reactive statements - 🌎 Look me...
Basics of components (3) [Svelte Tutorial]
มุมมอง 2362 ปีที่แล้ว
In this video, I’ll show you the basic structure of Svelte components, how to render data into templates, nest components within each other and add CSS styles to the component. - Learn the Svelte fundamentals as a web developer through this youtube course series. ✔️ Topics covered in this video: - Structure of Svelte components - Rendering data into templates - Nesting components - Scoping CSS ...
New project setup (2) [Svelte Tutorial]
มุมมอง 2232 ปีที่แล้ว
In this video, I’ll show you how to use the official Svelte template project to set up a new Svelte project with a directory structure ready to get started with the development of Svelte app locally in your development environment. Learn the Svelte fundamentals as a web developer through this youtube course series. 🗂 Video resources: github.com/sveltejs/template ✔️ Topics covered in this video:...
Svelte Tutorial Introduction (1) [Svelte tutorial]
มุมมอง 3462 ปีที่แล้ว
In this video, I give an introduction to the Svelte framework and what’s so special about it when compared to other frameworks like VueJS or React. Learn the Svelte fundamentals through this youtube tutorial series. ✔️ Topics covered in this video: - Introduction - 3 advantages of using Svelte - Less code - No Virtual DOM - True reactivity 🌎 Look me up: My Blog: codelistic.com/
Encrypt your data automatically before syncing to cloud storage using Cryptomator
มุมมอง 21K3 ปีที่แล้ว
In this video, you are going to see how to encrypt your files using Cryptomator. You will also see how to restore encrypted data from the cloud storage on a different or a freshly installed OS. Cryptomator is a free open-source zero-knowledge encryption software that enables you to encrypt your data automatically and transparently before it gets synced to a cloud storage like Google Drive, OneD...
How to use the :key attribute for looping with v-for in VueJS
มุมมอง 6K3 ปีที่แล้ว
In this video you are going to finally understand why and how to use the ":key" attribute with v-for directives in VueJS templates. You will also learn why it's a really bad idea to use the v-for loop index as a key. The key attribute in VueJS was always something that I could never get my head around. Especially when using it with v-for loops. I finally decided to dig a bit deeper to find out....
How and why to use Array Destructuring in Javascript
มุมมอง 673 ปีที่แล้ว
In this video you are going to learn the basics of array destructuring in Javascript and some cool tricks you can perform using it. Array destructuring was introduced by ES6 and is one of many improvements to the Javascript language. It enables us to write cleaner code and to avoid repeating ourselves (DRY principle). We use destructuring in Javascript to unpack data from more complex data stru...
Secret Handshake | Elixir Exercise | Learn Elixir with Exercism
มุมมอง 3954 ปีที่แล้ว
In this video we will solve the Secret Handshake exercise from the [Exercism.io](exercism.io) website in Elixir functional programming language. In this video you will see step by step how I solve the exercise "Secret Handshake" using Test Driven Development. Did you solve this exercise in an interesting way ? Please let me know in the comments below. Exercism.io is a free, open source website ...
Nucleotide Count | Elixir Exercise | Learn Elixir with Exercism
มุมมอง 3184 ปีที่แล้ว
In this series of videos we will go through exercises in Elixir functional programming language and tackle important concepts of coding in Elixir. In this video you will see step by step how I solve the exercise "Nucleotide Count" using Test Driven Development. Elixir is a dynamic, functional language designed for building scalable and maintainable applications. Elixir leverages the Erlang VM, ...
defer | Javascript Tutorial for Beginners
มุมมอง 1804 ปีที่แล้ว
In this video you will learn how to use the defer attribute in the HTML script tag in order to make sure that the script execution occurs at the right moment and is downloaded without blocking the page rendering. In this Javascript Tutorial for Beginners series you will learn Javascript if you don't have experience with Javascript. The only prerequisite is that you know some basics about coding...
03 Secure online storage with Boxcryptor - How to share
มุมมอง 4665 ปีที่แล้ว
03 Secure online storage with Boxcryptor - How to share
02 Secure online storage with Boxcryptor - How to use
มุมมอง 2.7K5 ปีที่แล้ว
02 Secure online storage with Boxcryptor - How to use
01 Secure online storage with Boxcryptor - How to install
มุมมอง 5515 ปีที่แล้ว
01 Secure online storage with Boxcryptor - How to install

ความคิดเห็น

  • @awadejamaica6666
    @awadejamaica6666 4 วันที่ผ่านมา

    Thank you, I was having problems understanding when you need to make something reactive and what triggers that

    • @codelistic
      @codelistic 4 วันที่ผ่านมา

      No problem. Thanks for the comment and glad you found it helpful.

  • @cybercat2025
    @cybercat2025 18 วันที่ผ่านมา

    try wave

  • @hassanmaje5849
    @hassanmaje5849 หลายเดือนก่อน

    How does one restore the encrypted folder (from a physical backup) in case of hard drive failure or loss of the encrypted folder from the Cloud? How do we recreate everything back - the exact environment on another PC, device, cloud...)? Does your later part of the video cover the latter question?

  • @geoffphil
    @geoffphil 4 หลายเดือนก่อน

    Thanks for the video. Excellent. It us a pity that Vault locations are all listed in the left pane of Cryptomator. It would be better security to have a choice to hide Vault names and locations. One could then navigate to the Vault (step 1) and use password (step 2). This is like having a hidden safe (e.g. behind a painting) with a private combination instead of having your safe in the middle of your lounge room.

  • @yogeshcyr31
    @yogeshcyr31 ปีที่แล้ว

    This obviously means I have to keep it sync with my harddrive, which defeats the purpose of storing in cloud

  • @WarpSpeedDan
    @WarpSpeedDan ปีที่แล้ว

    Well done!

    • @codelistic
      @codelistic ปีที่แล้ว

      Thank you! 🙏

  • @user-hg2fy6ez7z
    @user-hg2fy6ez7z ปีที่แล้ว

    nice and clear guide. Thank you

  • @pxKappa
    @pxKappa ปีที่แล้ว

    here's the thing... can I change the default location of my windows libraries (documents, music, videos, downloads, desktop, etc) to be inside that vault by default? Basically I want a zero knowledge sync of my computer as I go (a sync/backup)... Considering encryption with providers such as pcloud is a paid add-on and can't be used in this way anyway, I'm looking for an alternative... is this possible to do?

    • @codelistic
      @codelistic ปีที่แล้ว

      That's a good question. I'm not using Windows so I don't actually know whether there are any apps and windows services that use those directories in any way. The Desktop directory is one example which is heavily dependant on the actual windows desktop that you see on your screen. Which brings me to the point that I would strongly advise not to mess with those directories, because essentially you would need to convert these directories (or your whole user directory in Windows 😱😱😱) into a Cryptomator Vault. Please don't ever do that. This would mean all those files would get encrypted, but some of the Windows' services might be dependant on the files in there, and it would basically see encrypted data, i.e. gibberish, resulting in some functionality being broken or potentially even more severe problems, like being unable to log in or getting to your data. It's always better to just create a separate directory somewhere in your user home directory, like e.g. "Personal" or something, which you configure as a Cryptomator vault and then sync only that directory to your online storage like described in the video. In that case you can just move your files from your regular "Downloads", "Music", "Videos" directories into the corresponding directories within this folder. What's also nice about this is that it creates a clear separation between the things you keep locally on your drive vs. what you sync to the cloud.

  • @stevo728822
    @stevo728822 ปีที่แล้ว

    Excellent tutorial. 10 out of 10.

    • @codelistic
      @codelistic ปีที่แล้ว

      Glad you liked it. Thanks for watching!

  • @alanslc3891
    @alanslc3891 ปีที่แล้ว

    So if the master key file somehow corrupted or lost, whole vault will be lost?

  • @Oneofakind123
    @Oneofakind123 ปีที่แล้ว

    What about Google Docs / Google Sheet? Can they be encrypted and still be edited with Google Docs / Sheet applicans

    • @codelistic
      @codelistic ปีที่แล้ว

      Hey! I would say no. Because the difference between Google docs/sheets files that you edit directly on Google Drive and your files, is that Google docs exist only in the cloud. They are not synced (downloaded automatically) between your devices. Also, you write and edit them using the Google workspace, which means they are "visible" in the cloud. The whole purpose of tools like Boxcryptor is to encrypt the data BEFORE it reaches the cloud, so having it visible and editable in the cloud would defeat the whole purpose of encrypting it for security purposes. Does that make sense ? Hope it helps.

  • @cys91
    @cys91 ปีที่แล้ว

    Can I drag existing files on the cloud storage into the virtual/mounted vault?

  • @Matt_44_44
    @Matt_44_44 ปีที่แล้ว

    Is there a possibility not to encrypt file names?

    • @codelistic
      @codelistic ปีที่แล้ว

      No, I don't think that's possible. You can also see the following discussion with Cryptomator developers on Github related to this: github.com/cryptomator/cryptomator/issues/101

    • @Matt_44_44
      @Matt_44_44 ปีที่แล้ว

      @@codelistic Yes, exactly this thread. Take a look on "mozonyms commented on Jun 21, 2021". I haven't seen anybody who uses this.

    • @codelistic
      @codelistic ปีที่แล้ว

      @@Matt_44_44 Yeah I've seen it. Basically the guy forked the official Cryptomator repo and implemented this by himself. But I would never use anything but the official app. Btw his fork hasn't been updated in ages with changes from the official one...

    • @Matt_44_44
      @Matt_44_44 ปีที่แล้ว

      ​@@codelistic I see. Great, thank you for that info. I am looking for the alternative for e-Share (nCrypted Cloud) as it started to work not stable on Windows. Vivo was great (and before Vivo I used something with green logo, I do not remember the name, and also great. Both were stopped unfortunately.) Maybe, I will try Cryptomator as it seems that encrypted file names maybe will not be such a big problem for me.

  • @maninabag6072
    @maninabag6072 2 ปีที่แล้ว

    Nobody seems to mention this, can this be used for local storage, say on a flash drive? And also can you use this with a flash drive on both subdued and android? Thank you!

    • @abhishekkumarpandey1909
      @abhishekkumarpandey1909 ปีที่แล้ว

      No it can’t be. For this you may use Veracrypt.

    • @neelparikh4488
      @neelparikh4488 ปีที่แล้ว

      Yes you can

    • @dunkelherz79
      @dunkelherz79 2 หลายเดือนก่อน

      Yes, just open your Flash-Drive, create a Vault in the drive, open the Vault and then load your Data in the vault, Close. Voila.

    • @maninabag6072
      @maninabag6072 2 หลายเดือนก่อน

      I meant used between windows and android.... Veracript won't do this

    • @maninabag6072
      @maninabag6072 2 หลายเดือนก่อน

      Now I'm having a new problem, new phone, watch a video each time video close it logs me out of crtyptomator and have to put password in again, this is on android with usb flash

  • @harlempunk4481
    @harlempunk4481 2 ปีที่แล้ว

    How come your vault is showing on the left side of the Finder? Mine isn't. Edit: Nevermind, found the solution

  • @TheWorldsAddress
    @TheWorldsAddress 2 ปีที่แล้ว

    Thank you very much for this very clear guide!

  • @fredpourlesintimes
    @fredpourlesintimes 2 ปีที่แล้ว

    I don't want all your explanations; it's too long. I just want to be sure that using :key is just for reseting the dom, and so avoiding unexpected behavior.

    • @codelistic
      @codelistic 2 ปีที่แล้ว

      Hi Frederic! I really understand what you mean. Looking back at this video myself, I see how I'm going on too many tangents. I'm also learning how to make videos in the process, and I value the kind of feedback you have just given me. Thank you! I will keep refining the craft ;-)

    • @vladpodd
      @vladpodd ปีที่แล้ว

      @@codelistic Don't feel bad; I think your video was the appropriate length and you explained everything in clear detail.

    • @codelistic
      @codelistic ปีที่แล้ว

      Thanks @vladpodd! It’s always challenging to strike a good balance between being brief vs. being clear and understandable. The reasoning behind using ‘key’ attribute was at the time something I couldn’t wrap my head around on how it works. I could imagine how someone who already understands it finds the video boring. Or someone who’s not interested in digging deeper, etc. But I’m really glad that my video still finds its’ target audience, so thank you very much for your encouragement! Means a lot!

  • @weaponkid1121
    @weaponkid1121 2 ปีที่แล้ว

    very useful video, thanks

    • @codelistic
      @codelistic 2 ปีที่แล้ว

      You’re welcome! Thanks for watching

  • @snowman7514
    @snowman7514 2 ปีที่แล้ว

    why not just use the already made count function like : Map.new(nucleotides, fn n -> {n, count(strand, n)} end) in the histogram function?

    • @codelistic
      @codelistic 2 ปีที่แล้ว

      Hi Snowman, thanks for watching! Of course, that would work and would probably be something I would use in real life scenario. The reason why I implemented my own count here, is that I assume the point of Exercism exercises is to practice TDD and Elixir coding concepts. In the tests that are prepared for the exercise on the Exercism website, the aim is to implement your own count function. I also wanted to demonstrate basic concepts like pattern matching, lists, etc. in this video. Thanks for the comment!

  • @domxem5551
    @domxem5551 2 ปีที่แล้ว

    Cryptomator looks great and behaves well with “small” files but it has issues with large ones. Unfortunately

    • @Lirree88
      @Lirree88 2 ปีที่แล้ว

      How large?

  • @anlbolukbas6134
    @anlbolukbas6134 2 ปีที่แล้ว

    Thank you, it was really clear, hope to see new videos soon!

  • @giandeibrughi7829
    @giandeibrughi7829 2 ปีที่แล้ว

    Thanks a lot! Perfect tutorial

    • @codelistic
      @codelistic 2 ปีที่แล้ว

      Thanks! Glad you liked it

  • @MikeHunt-rw4gf
    @MikeHunt-rw4gf 2 ปีที่แล้ว

    Algorithm

  • @qj1eo
    @qj1eo 3 ปีที่แล้ว

    Thank you so much man!! What about Google document? can i encrypt it while its does not have (desktop application) ?. Really need your help

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      No problem. I'm afraid I don't understand your question. Could you clarify a bit more ?

  • @virkelie2
    @virkelie2 3 ปีที่แล้ว

    So I installed Boxcryptor free, to secure my OneDrive account. To recover an encrypted file from OneDrive, I see I need to download the encrypted file. But when I try to open the encrypted file after downloading it, I receive a message "File not in Boxcryptor Location". But even when I place the file inside the Boxcryptor virtual drive, I get the same message. So what happens if my computer dies, and I need a new PC? How do I open the downloaded encrypted file? Am I supposed to remember and somehow re-create the the exact file structure on my old PC?

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      Sorry for the late reply. No, you don't need to remember anything regarding the file structure. That would defeat the whole purpose of the backup solution. In case your computer dies, you should follow the following process: 1) Install and sync your (encrypted) Google Drive files (or whatever storage provider you used) 2) Download and install Boxcryptor app 3) Run Boxcryptor app and log in using your user name and password (which you chose when first installing Boxcryptor and which you SHOULD NEVER LOSE) 4) You should now end up with a Boxcryptor drive and your decrypted files inside So you don't need to copy the encrypted files over again to the boxcryptor virtual drive. After following the above process, the decrypted files should be visible in the virtual drive.

    • @virkelie2
      @virkelie2 3 ปีที่แล้ว

      @@codelistic Thanks so much!!! That is so helpfull!!

  • @virkelie2
    @virkelie2 3 ปีที่แล้ว

    Fantastic Tutorial!!!

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      Glad you liked it!

  • @cryptoyor
    @cryptoyor 3 ปีที่แล้ว

    Great tutorial thanks so much!

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      Glad you found it useful. Thanks for watching!

  • @1stClassGenesis
    @1stClassGenesis 3 ปีที่แล้ว

    Thanks for the guide. A question - if you want to make edits on that encrypted document in your case - and have it stay encrypted post-edit, the way to do it is to make the edit on the “My Vault”, citing your example? That’s it?

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      Yes, exactly! Just go to your "My Vault" virtual drive (or however you called your vault), find the document there and edit it as you would any other document on your computer. When you make the changes and save the document, the re-encryption will happen transparently in the background. Thanks for watching!

  • @me-steryo-unes2807
    @me-steryo-unes2807 3 ปีที่แล้ว

    thanks so much 😍😍

  • @ihtesham_emon
    @ihtesham_emon 3 ปีที่แล้ว

    This a good video but I have question. I've boxcryptor in my PC and in smartphone. I have tons of my data backed up in Mega Cloud storage and I want to backup those files in other cloud storage too. For this purpose I use Multcloud.com to sync my files with different cloud storage. But the problem is I cannot encrypt files which I just synced in. I tried from both PC and android but no luck. But I can encrypt files easily when I upload through Boxcryptor app. But I don't want to download and upload again all of those files and then upload through Boxcryptor app. Is there any easy workaround? I'd be grateful if u can help.

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      Hi Ihtesham, I haven't really tried Multcloud (this is the first time I heard about it), but I took a quick look, and if I understand this correctly, some of the files are being synced by Multcloud from one of your cloud storages to another cloud storage you use... ? If so, are you syncing unencrypted files from one storage to another ? If yese, and there are unencrypted files that are synced by Multcloud to one of your storages, that means that since they haven't been copied through your Boxcryptor drive, of course they won't get encrypted. I don't think there is a way to encrypt them in any other way other than through your local Boxcryptor drive. That's the whole purpose of "zero-knowledge" storage, because the files never leave your local drive unencrypted, i.e. they get encrypted locally before uploading. Also, I think that Boxcryptor wasn't built with redundancy in mind, i.e. encrypting and managing the same files automatically into multiple cloud storages. In any case I would be vary cautious not to corrupt the data somehow by moving things around too much. I hope this answers your question. Let me know if you have any further questions. Thanks for watching!

    • @ihtesham_emon
      @ihtesham_emon 3 ปีที่แล้ว

      Thanks for taking time to reply, but after trying other ways I think the only way is to upload through Boxcryptor drive in pc, any synced file is not being encrypted.

  • @ThePacmanero
    @ThePacmanero 3 ปีที่แล้ว

    I have a question. What if my curret device get fucked up. Can I have access to the encrypted files that I encrypted previously just by logging up in my Boxcryptor account and downloading the cloud and the Boxcryptor programm in a new device?

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      That's right, what you would have to do in that case on a new device is: 1) Install and sync your (encrypted) Google Drive files (or whatever storage provider you used) 2) Download and install Boxcryptor app 3) Run Boxcryptor app and log in using your user name and password (which you chose when first installing Boxcryptor and which you SHOULD NEVER LOSE) 4) You should now end up with a Boxcryptor drive and your decrypted files And just to mention, the whole point of this is that it's a backup solution, so of course you should be able to access and decrypt the files which were backed up if your device goes to hell. The only thing to make sure if you use Boxcryptor is to NEVER ever lose your password, because it's a zero-knowledge service, and you cannot reset the password. If you lose or forget the password, say goodbye to your data forever. Thanks for watching!

    • @ThePacmanero
      @ThePacmanero 3 ปีที่แล้ว

      @@codelistic Oh man, you helped me a lot! Youve got a new subscriber!

  • @MarkUnique
    @MarkUnique 3 ปีที่แล้ว

    Thanks for this video, it answered a few questions I had. How do you backup your Boxcryptor files using another method? A disk image backup would backup the encrypted files, where best practice would be to backup the unencrypted files to a different location/encryption.

    • @codelistic
      @codelistic 3 ปีที่แล้ว

      You're welcome. I'm glad it helped. Yes, a disk image backup would back up raw files, which means the encrypted files would be backed up. So if you would restore the backup from that raw disk image at a later point on some other machine or a freshly installed OS, you would have to set up and use boxcryptor again using your account and password (which you should never lose!) and that way decrypt your files. Another way to back up unencrypted files (visible in your Boxcryptor drive) to a different location would be to set up another backup application on your OS in a way that it backs up files/folders directly from the Boxcryptor virtual drive where you can see the unencrypted files (so not going through your regular disk path, but pointing to folder/files within your Boxcryptor drive). I have not tried this, but I am pretty confident it would work.

  • @pablobello0
    @pablobello0 4 ปีที่แล้ว

    Helpful and clean solution. Thank you!

    • @codelistic
      @codelistic 4 ปีที่แล้ว

      You're very welcome!