Vanilla js vs framework. Frameworks have better docs.

Vanilla js vs framework A few months ago in a private Slack channel I’m in, Jeremy Wagner mentioned that he’d run some performance tests on React vs. js, a progressive JavaScript framework, and vanilla JavaScript, the fundamental building block of web development. js are two… Oct 2, 2023 · Vanilla JS got its name from the default and flavor of ice-cream, which is vanilla, the name was carried over to JavaScript. I that case, a good solution would be to use static HTML with vanilla JS or HTMX (a JS library that provides small amounts of reactivity without components, but with a negligible overhead). Apr 3, 2014 · "Vanilla JS" refers to plain, unmodified JavaScript. Dec 29, 2024 · What is Vanilla JavaScript? Vanilla JavaScript is the term used to describe the use of the JavaScript language without the use of libraries or pre-written code. JavaScript, the backbone of Oct 10, 2023 · Vanilla JS: Building complex applications from scratch with vanilla JS may take more time, as you need to handle many aspects manually. If that weren't the case, you would see a billion openings for jobs that only use vanilla JS and not React or any framework. Nov 9, 2021 · Vanilla JavaScript, synonymous with pure or plain JavaScript, eschews external tools like libraries or frameworks. . Preact outperforms vanilla without effort. js, in particular, has become a go-to choice for building performant, SEO-friendly React applications. vanilla-js-dom. Or a lot of times if a framework is insufficient or an npm package is doing something weird it is good to have that knowledge of vanilla node under your belt to really understand what is going on. When you dive into frontend web development, you'll need to pick up a JavaScript framework like Angular, React or Vue at some point. Get DOM Element Svelte vs Vanilla. It isn't even necessary to use a map. Let’s delve into a comparison of the two approaches, one of which implies designing your app with Vanilla JS vs taking the advantages of modern Frameworks. JS refers to writing plain JavaScript code without any additional libraries or frameworks. Limited resources vs. Next. Who's using Vanilla JS?" there isn't a Vanilla team, neither a framework. Feb 27, 2016 · There are a lot of factors to consider if we want to give an answer to this trivial question, should i really use a javascript framework or use plain javascript?. /r/frontend is a subreddit for front end web developers who want to move the web forward or want to learn how. The Basics Vanilla css vs Framework Hey , Im an amateur react developer and recently I've been trying to learn a css framework (tailwind). Oct 5, 2019 · I don't think frameworks are absolutely necessary in order to build a scalable, manageable application. 2 Pros of Vanilla JavaScript: May 25, 2023 · I clicked the download link to see what would happen, and it did indeed download a zero byte vanilla. Jun 14, 2023 · Unlike JavaScript frameworks, Vanilla JavaScript does not require additional dependencies, such as build tools or packages, which can save time and resources. Dec 5, 2019 · Sebagai JavaScript Front-End Developer, apa yang akan kamu gunakan? JavaScript Frameworks seperti Angular, Vue dan React atau Vanilla JavaScript? dan kenapa kamu memilihnya? Dalam sebuah Framework… Vanilla. JS and Vue. And that a wrap on this topic. Vanilla JS and Next. SvelteKit, Svelte's application framework, also provides excellent support for SSR and SSG. Apps break easily as they scale. position. jQuery, less so, but when you have to debug jQuery and know nothing about it it's hell, so definitely a good thing to get your whistle wet in. It empowers developers to craft interactive websites solely with JavaScript. JavaScript frameworks have exploded in popularity over the past several years, with React, Angular, and Vue emerging as the top contenders. (Svelte is slower at removing elements. This performance penalty is typically nominal and can be disregarded when taking other advantages of your framework into mind (speed of development, cleaner Learning vanilla JavaScript is not only transferrable knowledge that can help you debug or work around when the framework doesn't do what you need it to, building things with vanilla JS will help you understand why frameworks are built the way they are and help you make decisions on when and why to use what. Because the framework may not be applicable in all cases, and you’ll need to apply another additional class or add another media-query or override a particular scenario. React outperforms Preact without effort. While it is not a library, with many of the more recent changes it has become a solid tool for development. my portfolio). With vanilla JS you'll have to do all the work yourself like making it cross browser, dealing with the DOM, etc. Using this we can build powerful and cross-platform applications. In this Markdown code, we will be discussing the key differences between Svelte and Vanilla. But the JS-Engines get fast almost every update so that's not really a problem. This is what frameworks are here for. Let’s dig in! Traditional DOM Manipulation Let’s say you have a simple form for adding items to a list. You’ll get your foundational knowledge, and you can always retrofit the project with the framework of your choice later. js vs vanilla React Jul 21, 2020 · โค้ดในไฟล์ vanilla. It is the core language that powers the web and offers direct access to all browser APIs and features. What I’d recommend instead is, if you have a project that you feel needs a framework, either scale back to a smaller project or build a smaller chunk of your existing project with vanilla Javascript. Yes, they do. React, with frameworks like Next. If it's mainly a static site, client-side rendering with a JS framework is complete overkill, and I'd encourage you to research "progressive enhancement" when it comes to using JS. js, offers robust support for SSR and SSG. 1 day ago · Vanilla JavaScript or just JavaScript refers to ES5/6/7, just raw JavaScript. I agree that overly relying on a framework as a crutch severely hinders one's own growth. Feb 3, 2017 · Let’s take a simpler example: if you have a list of elements to which you can add or delete items, if you’re writing Vanilla Javascript, you’ll have to write DOM handlers that will $. JS refers to plain JavaScript without the use of any additional libraries or frameworks, while Vue. Answering the question yes, I used vanilla JS sometimes if the project suits (i. JS vs Vue. It’s perfect to learn as a first framework (sorry, library (sorry, compiler)) because it’s so close to vanilla JS/HTML/CSS, so you don’t have to learn any new weird syntax, while still introducing all the important concepts other frameworks and libraries use. JavaScript Frameworks vs Vanilla JavaScript In this video, we're going to walk through the rationale on why you'd want to use a front-end JavaScript framework, such as React, Vue, or Angular as opposed to just writing your programs in Vanilla JavaScript. Your run off the mill vanilla app is running at the slowest possible speed simply because it doesn't order dom read/writes, diffs for changes, etc, etc, etc. Apr 4, 2018 · Let's compare writing "vanilla CSS" (=> our own styles without a framework) with component frameworks like Bootstrap as well as utility frameworks like Tailwind CSS. In internet there are many points of view of this theme and many of them are not impartial. querySelector('. I picked us JS using online tutorials and jumped to vue3 after about 2 weeks. Tools like Reef, Svelte, and hyperHTML all do the same thing at a fraction of the size or complexity of a typical framework. Maybe with ES 6 vanilla JS is a bit better, but so is angular/react. The Vanilla JS team takes pride in the fact that it is the most lightweight framework available anywhere; using our production-quality deployment strategy, your users' browsers will have Vanilla JS loaded into memory before it even requests your site. Vanilla JavaScript. But here’s the thing: frameworks come with overhead. But, at some point you may run into issues with managing the DOM, which is when you might reach for a framework, or Go the hybrid approach and use a server side rendered templating engine OR a build time compiled JS framework like sveltejs. The experiment I conducted compared the mobile nav toggle behavior across three implementations: A Yesterday on Twitter, I had a discussion with someone about whether or not using a framework was more performant than using vanilla JS DOM manipulation. JS - A fast, lightweight and cross-platform framework. Also watch the video above this article, I do dive into a practical demo + detailed comparison there, too. Should I continue using frameworks, or will I benefit alot more using Vanilla JS and CSS for learning purposes. Generally speaking, Vanilla JavaScript is suitable for basic projects where features are limited or development time needs to be short. js, a JavaScript framework, is preferred for backend operation JS frameworks exist to make our lives easier, to get things done quicker and to make code more readable. Vanilla JS vs jQuery The "Frameworks vs. Whether you are working browser or node, it's always vanilla JS. Then a few companies created their own custom framework and would use Styles Components or CSS Modules for React. It is also lightweight and fast Dec 24, 2019 · I learned Vanilla JS for some months and now I am building some basic things I wanna learn React soon, but for now I want to practice Vanilla JS a little bit before moving on I am searching a "CSS Framework" for easy prototyping (or: not caring so much about custom styles) and I really like the style of Material-UI. Componetizing your ui can be a huge produxti ity and maintainability boost over vanilla js and html and css. There are also very many plugins for the frameworks so they not only provide an API but also new cross-browser-features. I hope this helps explain the differences! Jul 29, 2024 · Vanilla JavaScript, synonymous with pure or plain JavaScript, eschews external tools like libraries or frameworks. Upgrading was going to be an in-place replacement and very Jun 27, 2018 · Should you use a JavaScript framework, or go with Vanilla JS? Most of the time, the top three rules of programming apply: reuse, reuse, reuse. And furthermore, vanilla javascript is still valid in all js frameworks like React and the like, so definitely put some focus on js. Let me quote myself from a comment I just wrote on another post: Vanilla JS doesn’t have an out-of-the-box way to do that yet. Vanilla JS is wonderfully powerful, but you’ve got to keep in mind why all the frameworks have been invented. I wrote my first work project with it and it made React so much easier to digest Jun 28, 2024 · Today, I’ll delve into a comparison between two distinct approaches: Vue. The short answer: no, it’s absolutely not. Frameworks are super useful, actually. js. They use virtual DOMs to manage the process more efficiently, updating only what needs to be changed. Looking back I'm not sure if I should take a step back and focus on vanilla JS and CSS. js is a JavaScript framework used for building user interfaces. vanilla css discussion for learning sake is an interesting one. It’s a battle of flexibility versus structure, of customization versus convenience. If you talk just about frameworks you can change React for Angular in the sentence. If you try to hire a Front End Engineer and tell them that your client-side code contains thousands of lines of DOM-manipulation code without any UI framework, they will turn and run because they know the potential problems with that Aug 11, 2022 · React is not a framework, it's a lib and thats a huge point to choose the tech stack for a project. It makes building comple May 24, 2017 · For sure "vanilla JS" was made with the same reason - the description : "The Vanilla JS team maintains every byte of code in the framework and works hard each day to make sure it is small and intuitive. Nov 26, 2016 · It’s competitive with Inferno, which is probably the fastest UI framework in the world, for now, because Dominic Gannaway is a wizard. Both technologies offer developers a wide range of benefits Vanilla JavaScript vs JavaScript is a question that comes up often among developers. js file. However, as others have said, frameworks exist for a reason. To interact with browsers you use web API, to interact with system you use node API, but in both cases you have to know vanilla JS, which is theoretical things like garbage collector or primitive values and objects as well as more practical like built-in methods. On a rare occa Mar 24, 2022 · Knowing vanilla JavaScript will make you actually understand—or even contribute to—JS frameworks and help you choose the right one when you need it. I think developers tend to associate frameworks with scale and complexity and a prerequisite to building something meaningful, but that is wrong and not a good approach. Jun 14, 2021 · The framework vs. Last week, he finally wrote about his experiment, and the results, in an article on CSS Tricks. If you're looking to find or share the latest and greatest tips, links, thoughts, and discussions on the world of front web development, this is the place to do it. To use Vanilla JS, just put the following code anywhere in your application's HTML: Vanilla JS doesn’t have an out-of-the-box way to do that yet. Sep 6, 2024 · Vanilla JS means using the language in its basic form to build apps without relying on any extra tools. There's alot of 'magic' that happens using frameworks in my experience. plain JS. But, it also typically means inefficient use of the framework too! Apr 10, 2023 · Vanilla JavaScript, on the other hand, refers to the use of pure JavaScript code without any additional libraries or frameworks. js is a React framework for building full-stack web applications. element'); trigger. In this article, we will discuss the key differences between Vanilla. A static site generator will work well too, if you want to make use of templating to structure the project in a more straightforward way or to make lots of Mar 15, 2024 · The complexity of large vanilla JS apps makes code difficult to understand and maintain. Jan 22, 2017 · Since frameworks abstract a lot of the lower level stuff it takes away the opportunity to pick up some cool node tricks here or there. ยังเน้นเรื่องเดิมอยู่ที่ว่า VanillaJS เป็น JavaScript Framework ที่ใช้ง่ายมากกกกก. You're saying "My code is bad and I know why. Another thing I disliked about TS, which instead is praised by many, is the type system. Vanilla JS memuat konsep berupa dasar-dasar fungsi dan cara kerja dari berbagai tools, sehingga setelah mempelajari konsepnya, developer akan lebih mudah menggunakannya dalam proyek sehari-hari. js vs. This video walks through the key benefits to using a JavaScript framework, such as React, Angular, or Vue compared with JavaScript by itself. You're not criticising vanilla JS. It means you just use whatever your (for you own sake: non-legacy) browser gives you (using Vanilla JS when working with legacy browsers is a bad idea). Going “vanilla” — using raw, framework-less JavaScript — is a choice that many developers find appealing for a range of Apr 19, 2020 · This question keep popping up in the mind of almost every front end or fullstack developers especially the startup ones. 2. document. Eventually you will get there. Try writing even a todo list with buttons to remove or add items in vanilla js. But, it can be in certain situations. Javascript frameworks like React, Vue, Angular are super popular nowadays. Vanilla JavaScript" Lesson is part of the full, JavaScript: From First Steps to Professional course featured in this preview video. Dan Vanilla JS sendiri mengklaim bahwa ia telah dipakai oleh perusahaan besar seperti Jun 17, 2021 · Learn why do we need javascript frameworks in 5 minutes. Jan 7, 2024 · Vanilla JS vs. The difference is only when it comes to API. Vue doesn't do anything that vanilla JS can't. Vanilla JS helps you build modern applications for the web, mobile, or desktop. ) It’s basically as fast as vanilla JS, which makes sense because it is vanilla JS – just vanilla JS that you didn’t have to write. I have used Bootstrap, MaterialUI, Ant Design and Tailwind in recent years. Preact vs. To answer your question : Vanilla PHP framework doesn't exist. Jun 24, 2021 · Maybe I didn't know the framework in an advanced way to understand it and extract its potential, but as you know, using it leaves you in the dark in some parts. Apr 1, 2011 · In general, you're guaranteed at least a minor performance penalty for function overhead if you use a framework to achieve something that can be accomplished using "vanilla" JavaScript. We’re working on it. With vanilla js you’ll have to update the html manually whenever you add / remove items. Nov 14, 2022 · The Vanilla framework is ideal for faster adoption of frameworks, saving time for new developers, whereas React JS is ideal for web applications and mobile applications. Etc. JS: What are the differences? Introduction. If you want performance and have the choice I guess it's better to use the newer frameworks like Solid/Svelte/Qwik, the ecosystem isn't as big but it's still JS and the vanilla JS ecosystem integrates very well (apparently with the first two at least), and if it's an older app I bet it'd be closely as tedious to switch to the app directory than The Vanilla JS team takes pride in the fact that it is the most lightweight framework available anywhere; using our production-quality deployment strategy, your users' browsers will have Vanilla JS loaded into memory before it even requests your site. Recently, I worked with a client that had a CMS in-place and they had missed several upgrades to the core software. Should you use a framework, or should you use vanilla JavaScript? Nov 3, 2016 · Framework: Routing Performance: Team: Vanilla: 21. Legacy companies will most likely be using Bootstrap with vanilla css, Less or Scss (Sass) Dec 14, 2022 · The debate of Vanilla JS vs React JS is one that has been ongoing in the development community for years, and there is no clear winner. js vs React upvotes · Next. JavaScript - Lightweight, interpreted, object-oriented language with first-class functions. find Aug 14, 2023 · Photo by Greg Rakozy on Unsplash The Case for Vanilla JavaScript. Like nextjs with the folder structure being the page routing. Nov 5, 2024 · Frameworks vs. Nov 13, 2020 · Ada yang pernah mendengar tentang Vanilla JS? Pada websitenya, ia menjelaskan bahwa Vanilla JS merupakan framework lintas platform yang cepat dan ringan untuk membangun aplikasi Javascript yang luar biasa dan kuat. Non-vanilla JavaScript includes Libraries and frameworks like jQuery, React, Angular, Typescript, etc. Here's what you'd learn in this lesson: Anjana provides a brief overview of the material covered in this course and recommendations for next steps. Aug 3, 2010 · The frameworks provide a cross-browser-API for JavaScript, so most of the time they are very usefull even though they come with a little speed-loss. Aug 9, 2022 · Vanilla JavaScript is of course the language that the browser understands, but with the increasing complexity in many of today's web development projects, frameworks like React, Vue, and Svelte have seemingly taken over as the tools of choice for web developers. addEventListener('click', (e)=> Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. Menjadikan bekerja dengan framework lain lebih mudah. Better Scalability. Frameworks like Angular, Svelte, Vue and React are mostly about creating a good, modern, native like user experience over old-school server rendered apps AND to help in componetization of the UI. In this article, we will examine the benefits of using Vanilla The reason I don't use frameworks is that I've never met a framework that solves 100% of what I need solved, and solving the last 5-10% of what needs to be done always seems to involve rewriting bits of the framework in order to make the solution fit in, which always turns out to be harder and a lot more frustrating than simply not using a framework in the first place. Either with TS or JS, I will strictly follow these rules when implementing a single page web app with vanilla js: 2. Unlike JavaScript frameworks, Vanilla JavaScript does not require additional dependencies, such as build tools or packages, which can save time and resources. Even tho its nice to have 1 file for each component instead of different css file , I feel like I prefer much more vanilla css ( feel much more freedom and control ) , Also the code looks much cleaner with vanilla css. But that doesn’t mean you need a large framework. If I were to build a single page app, using Vanilla JS (maybe with bootstrap, for quick styling) will be the fastest option (I am talking about development speed. Nov 1, 2022 · 3. As a developer, you probably understand all the benefits of using Vanilla Javascript. Vue. I'd spend ~weeks on vanilla and make some basic demos, but move on to frameworks for larger projects. It allows us to make complex UIs from isolated pieces of code called "components". Zipping it using the OS X 'compress file' menu option gave me a 713 byte zip file however. Without libraries or frameworks, programmers would have to rewrite their code every time a common JavaScript function arose, which would be tedious and time-consuming. js shines when building more complex projects. js ดูตัวอย่างการใช้งานกัน. Sep 8, 2022 · React / Frameworks vs. May 31, 2023 · J. js: What are the differences? Introduction. While it excels in frontend development, Node. Vanilla offers a real DOM, and React JS offers a virtual DOM. Your example is a perfect example of when you should use vanilla JS: $(this). 8k/sec: Collaboration depends entirely on the architect; Junior Developers might learn a lot; New additions to the team have to go through learning the architecture first Vanilla js A LOOOOOT. Vanilla. e. Members Online. JavaScript without frameworks or libraries. It's just a running gag for framework-loving bosses or people who think you NEED to use a JS framework. I'll leave here an example of how I reproduced this difference in speed between 'Vanilla JS' and React. Programming with VanJS feels like building React apps in a scripting language , without JSX. I personally love making projects in vanilla js. Sep 10, 2017 · This is not an OR or VS. Frameworks like React, Vue, and Angular make DOM manipulation easier by handling updates and state changes for you. Jul 29, 2023 · JavaScript, the versatile programming language, is at the core of modern web development. Skip ahead 6 months and I'm a Senior Fullstack JS dev. JS. The truth of the matter is you still need to know CSS/HTML to still use these frameworks effectively. The question is why do we Others' answers have focused on the broad question of "jQuery vs. Below it is an empty unordered list (ul) where you Jun 28, 2024 · In the world of frontend web development, an age-old debate rages on: Vanilla CSS vs CSS Frameworks. Frameworks & Libraries In the last 2-3 years, I have recognized several tech organizations and individuals on LinkedIn, like Marc van Neerven 4 (Fractional CTO), who aim for the approach to return to web fundamentals . Jul 16, 2019 · Using a JS framework vs vanilla JS is similar to planning a road trip to Miami. When using a framework you have to go along with the opinionated choices of the framework. Svelte is a JavaScript framework that compiles your code at build time, while Vanilla. I wouldn't spend a ton of time becoming an expert though - the reality is that libraries/frameworks for front-end JavaScript are so powerful that vanilla JavaScript is pretty uncommon professionally. In contrast, React has a fixed HTML file, which usually looks Using a framework allows you to focus on building your features and not on maintaining your features, because someone else is doing the heavy lifting of supporting the platforms. You could use something like React and still build static HTML files via a build step, but without knowing more information about exactly what you want to do, it's Vanilla is never fast, because it lacks scheduling completely. It empowers developers to create interactive and dynamic web applications. It is a prerequisite for any successful developer, especially for one working mainly in the JavaScript ecosystem. It is JavaScript without any frameworks or additional libraries. Vanilla JavaScript can be more practical for projects with limited resources, including time and budget. Programming in vanilla js is superior for small projects that will never grow big enough to warrant the extra scalability provided by a framework. With Vue. js, a JavaScript framework, is preferred for backend operations. I don't care about execution speed unless it is a concern). They will be like which one should i go for? vanilla js or framework? vanilla js is when you're writing pure javascript for example: const trigger = document. In general I think that the best option, especially for highly dynamic languages, is to write a large number of tests, to cover as many cases as possible, and to Oct 4, 2023 · The realm of web development is a vast landscape, constantly evolving and offering an array of tools and technologies to build modern and interactive web applications. Top 3 Frameworks. innerHTML = "I was written with JavaScript!"; jQuery is a collection of functions and stuff that are intended to make it easier to write JavaScript (although personally I feel it makes it more like spaghetti) $("#myelement"). VanJS (abbreviated Vanilla JavaScript) is an ultra-lightweight, zero-dependency, and unopinionated Reactive UI framework based on pure vanilla JavaScript and DOM. What is React? React is a Javascript library used for building user interfaces. If you like the DOM being handled for you by it reacting to data changes, then a framework like Vue is for you. js, developers can easily manage state, handle DOM manipulation, and create reactive user interfaces without having to write extensive code. " Nov 15, 2021 · Vanilla JavaScript Vanilla JavaScript is here for a reason. Dec 7, 2013 · As you can see, it's not really a framework or a library. There is a clear need for frameworks that address these problems. Jan 28, 2022 · I have recently become very interested in comparing frameworks to vanilla JavaScript. JS doesn't support the pipeline operator yet either, and TS will support it before JS does. This should convince anyone that knowledge of a pure JavaScript is a must in the long run. getElementById('myelement'). Aug 15, 2021 · Thus, Vanilla JS is a flavorless JavaScript i. the JS environment gets memed to death but frameworks have matured a bit and change way less often and it's well worth learning component based architecture. There may be some excellent scenery along the way. So, you thought the only options were a framework, or jQuery? Doing it in vanilla JS doesn't scatter state through the dom. Apr 14, 2020 · What is Vanilla JS? Vanilla JS is nothing but plain JS without any external libraries or frameworks. You can keep picking your road by knowing that you want to go east and south. Vanilla JS for websites and projects with low amounts of interactive and minor DOM manipulation. html("I was written with jQuery!"); You just need to know /enough/ to differentiate between what is a part of the framework, and what is vanilla JS - and also to understand how they might be connected/how framework features might run under the hood. Doing it in vanilla JS doesn't imply global variables. Embracing Vanilla JavaScript: 2. My biggest gripe with vanilla JS is how badly documented it is. " Judging from your OP, I think you were simply wondering when it's better to use vanilla JS if you've already chosen to use jQuery. I did try just using CSS On a new project today, not a fan. There are many routes that will get there. To use Vanilla JS, just put the following code anywhere in your application's HTML: Aug 23, 2017 · All the JavaScript frameworks and libraries are inevitably based on its Vanilla core. Vanilla JS: Top Four Arguments for Frameworks #1: “Frameworks Enable Declarative UI” Modern frameworks like React and Vue don’t exist to fill in the gap left by native JS, they exist so that you write your application in a declarative way where the view is rendered as a function of state. 1 What is Vanilla JavaScript? Vanilla JavaScript refers to using plain, unmodified JavaScript without any additional libraries or frameworks. Vanilla JavaScript: Why Choose Vue? While vanilla JavaScript can handle simple interactivity in web applications, Vue. It started after some frustration I had using React in some of my freelance projects, and with my recent, more intimate acquaintance with web standards as a specification editor. For me, it brought a lot of positive stuff: It helped me deliver a killer set of client features in a super short timeframe for an Ember app, without knowing jacksh*t about Ember. So you are basically writing vanilla CSS with some nice tidbits. Oct 4, 2021 · With Vanilla Javascript the interface is created on the HTML server, meaning, it gets sent directly to the server and no JS is needed. Frameworks have better docs. Doing it in vanilla JS doesn't imply that logic and view code be in handlers. attr('id'); Is both slower and (in my opinion) less readable 21 hours ago · SSR and SSG are essential for performance and SEO. Frameworks: Frameworks have active communities and ecosystems. vanilla JS, and promised to write about the results. jrav hwlv tfl vhpncu bxzdng fhbxoanhv qvjov aplutkcm poghjz zdkcam