--- title: "New on CanJS.com: Recipes!" description: Learn about CanJS.com’s Recipes section with great example apps you can build today! image: http://www.bitovi.com/hubfs/canjs-background-blue-2.gif --- - ![AI implementation](https://www.bitovi.com/hubfs/AIConsultingIcon.svg) [AI implementation](https://www.bitovi.com/services/ai-consulting) - ![Systems engineering](https://www.bitovi.com/hubfs/icon%20-%20backend.svg) [Systems engineering](https://www.bitovi.com/services/systems-engineering-consulting) - ![Project Management](https://www.bitovi.com/hubfs/icon%20-%20PM.svg) [Project Management](https://www.bitovi.com/services/agile-project-management-consulting) - ![Product Design](https://www.bitovi.com/hubfs/icon%20-%20design.svg) [Product Design](https://www.bitovi.com/services/product-design-consulting) - ![Frontend development](https://www.bitovi.com/hubfs/icon%20-%20frontend.svg) [Frontend development](https://www.bitovi.com/services/frontend-development-consulting) - [View more → ](https://www.bitovi.com/digital-consulting-services) We're Experts in... - [JavaScript](https://www.bitovi.com/services/frontend/javascript-consulting) - [AI training](https://www.bitovi.com/ai-training-for-software-engineers) - [Angular](https://www.bitovi.com/services/frontend/angular-consulting) - [Design systems](https://www.bitovi.com/services/axure-figma-migration) - [React](https://www.bitovi.com/services/frontend/react-consulting) - [Temporal](https://www.bitovi.com/services/backend/temporal-consulting) - [React Native](https://www.bitovi.com/services/frontend/react-consulting/react-native) - [Node.js](https://www.bitovi.com/services/backend/nodejs-consulting) Showcase ![Yum! Brands](https://www.bitovi.com/hubfs/yum-showcase-link-1.png) [View case study](https://www.bitovi.com/en/bitovi-yum-case-study) More Projects - [![Levi's](https://www.bitovi.com/hubfs/levis.svg)](https://www.bitovi.com/web-application-consulting-work/levis-ecommerce-responsive-redesign) - [![Christie's International Real Estate](https://www.bitovi.com/hubfs/christies.svg)](https://design.bitovi.com/christies) - [![BAFS](https://www.bitovi.com/hubfs/bafs.svg)](https://www.bitovi.com/ux-design-consulting/ux-case-studies/bafs-ppp) - [View more → ](https://www.bitovi.com/our-software-consulting-work) Open Source Tools We build powerful tools and open source them to support the community. [See what we've built →](https://www.bitovi.com/open-source) - [![Blog](https://www.bitovi.com/hubfs/icon%20-%20blog.svg) BlogWe post about delivering products and solving problems. ](https://www.bitovi.com/blog) - [![Partnerships](https://www.bitovi.com/hubfs/Handshake-1.svg) PartnershipsLearn about Bitovi's technology partners ](https://www.bitovi.com/partnerships) - [![Academy](https://www.bitovi.com/hubfs/icon%20-%20academy%20(4).svg) AcademyFree courses to build delivery skills ](https://www.bitovi.com/academy) - [![Open source tools](https://www.bitovi.com/hubfs/icon%20-%20open%20source.svg) Open source toolsUse or contribute to our community ](https://www.bitovi.com/open-source) Let's Connect - [![Discord](https://www.bitovi.com/hubfs/DiscordLogo.svg) Discord ](https://discord.gg/J7ejFsZnJ4) - [![LinkedIn](https://www.bitovi.com/hubfs/LinkedinLogo.svg) LinkedIn ](https://www.linkedin.com/company/bitovi/) - [![GitHub](https://www.bitovi.com/hubfs/GithubLogo.svg) GitHub ](https://github.com/bitovi/) ![Eggbot](https://www.bitovi.com/hubfs/build_assets/bitovi-limbo-cms-react/338/js_client_assets/assets/eggbot-LTGhdSGL.png) Name * Work Email * Phone What's your project? Send ### Contact Us (312) 620-0386contact@bitovi.com March 16, 2017 # New on CanJS.com: Recipes! Learn about CanJS.com’s Recipes section with great example apps you can build today! ![Chasen Le Hara](https://app.hubspot.com/settings/avatar/47447d7b410651534d079d84497c1a5c) Chasen Le Hara Share: [![Twitter](https://www.bitovi.com/hubfs/limbo-generated/_astro/twitter-white.os3xLc3C_Z2nW4or.svg) ](https://twitter.com/intent/tweet?text=) [![Reddit](https://www.bitovi.com/hubfs/limbo-generated/imgs/icons/reddit.png) ](http://reddit.com/submit?url=) We’ve added a [new Recipes section to CanJS.com](https://canjs.com/doc/guides/recipes.html) with example widgets that are useful starting points for learning more about CanJS.The first set of recipes is a file system navigator that [Justin Meyer](https://github.com/justinbmeyer) presented at [DoneJS Chicago](https://www.meetup.com/DoneJS-Chicago/) [last month](https://www.meetup.com/DoneJS-Chicago/events/237182487/). ![file navigator.gif](https://www.bitovi.com/hubfs/file%20navigator.gif) We also recorded a [live stream](https://www.youtube.com/watch?v=_7FJA0PzAgA) of building the widget! Check out the [simple](https://canjs.com/doc/guides/recipes/simple-file-navigator.html) and [advanced](https://canjs.com/doc/guides/recipes/ajax-file-navigator.html) guides for building the file system navigator. The simple guide takes about 25 minutes to complete, while the advanced guide takes about 45 minutes to complete and shows how to make AJAX requests and use [can-component](https://canjs.com/doc/can-component.html). We’ll be adding more recipes over time based on what we hear the community wants, so [let us know](https://github.com/bitovi/training/issues/new?labels=weekly-training-topics) what recipe you would like to see us cook up next! If you have any questions or comments while going through the recipes, please join us on our [forums](http://forums.donejs.com/c/canjs) or [Gitter chat](https://gitter.im/donejs/donejs)! [![Tag for open source](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) open source ](https://www.bitovi.com/blog/topic/open-source)[![Tag for training](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) training ](https://www.bitovi.com/blog/topic/training)[![Tag for development](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) development ](https://www.bitovi.com/blog/topic/development)[![Tag for canjs](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) canjs ](https://www.bitovi.com/blog/topic/canjs) Previous Post ![donejs-banner.jpg](https://www.bitovi.com/hs-fs/hubfs/donejs-banner.jpg?height=117&name=donejs-banner.jpg) [ February 2017 DoneJS Community Update ](https://www.bitovi.com/blog/february-2017-donejs-community-update)   Next Post ![](https://www.bitovi.com/hs-fs/hubfs/canjs-background-blue-2.gif?height=117&name=canjs-background-blue-2.gif) [ New CanJS Recipe: Weather Report Guide ](https://www.bitovi.com/blog/new-canjs-recipe-weather-report-guide) ```json { "@context" : "http://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "United States", "addressLocality" : "Libertyville", "addressRegion" : "IL", "postalCode" : "60048", "streetAddress" : "1134 Pine Tree Lane " }, "alternateName" : "Bitovi", "areaServed" : { "@type" : "GeoCircle", "geoMidpoint" : { "@type" : "GeoCoordinates", "latitude" : "41.8781", "longitude" : "87.6298" }, "geoRadius" : "5000 km" }, "description" : "Bitovi is a UX, UI design and front-end JavaScript development consulting company", "email" : "contact@bitovi.com", "image" : "https://www.bitovi.com/hubfs/bitovi-logo-x2.png", "logo" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg", "mainEntityOfPage" : { "@id" : "https://www.bitovi.com/blog/new-on-canjs.com-recipes", "@type" : "WebPage", "description" : "Learn about CanJS.com’s Recipes section with great example apps you can build today!" }, "naics" : "541511", "name" : "Bitovi Web App Consulting", "sameAs" : [ "https://www.facebook.com/BitoviLLC/", "https://twitter.com/bitovi", "https://www.linkedin.com/company/bitovi" ], "telephone" : "312-620-0386", "url" : "http://bitovi.com" } ``` ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Chasen Le Hara" }, "dateModified" : "March 16, 2017, 5:30:27 PM", "datePublished" : "2017-03-16 17:30:27", "description" : "Learn about CanJS.com’s Recipes section with great example apps you can build today!", "headline" : "New on CanJS.com: Recipes!", "image" : { "@type" : "ImageObject", "url" : "http://www.bitovi.com/hubfs/canjs-background-blue-2.gif" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg" }, "name" : "Bitovi" } } ```