Deno Developer

Deno Developer

1595895720

An example blog made with deno and Drash

An example blog made with deno and Drash

What’s this?

This will be a working example of a blog made with deno and drash, with a web component or two thrown in for good measure. With any luck this will also be the foundation for an ongoing blog about web development that focuses on buildless techniques and deno.

This is not yet a working blog. Installing this right now might be fun if you want to build the whole thing before I write the tutorials but I seriously doubt you’ll find much utility otherwise.

Installation

Get this repository using git clone https://github.com/nemo-omen/bueno.git or, (my personal preference,) npx degit nemo-omen/bueno so you aren’t downloading the git part of this repo.

npm install

Haha! I know, but this is a deno project, right? Yes, it is, but we’re using LitElement and I prefer to have that dependency local rather than making a call to a CDN from the front-end. So, we’re installing it with NPM and then we’re going to -

npx snowpack

That way snowpack can make the LitElement module available inside of the public/web_modules directory, which we can then use as an ESM module in our front-end.

Todo

Inspiration/Resources

Develop and dockerize a blogging API with deno

Main branch of above tutorial

Authentication for actual humans

Drash - relevel middleware

slugify

bcrypt

djwt

deno postgres driver

deno mongo

Download Details:

Author: nemo-omen

GitHub: https://github.com/nemo-omen/bueno

#deno #javascript #drash

What is GEEK

Buddha Community

An example blog made with deno and Drash
Deno Developer

Deno Developer

1595895720

An example blog made with deno and Drash

An example blog made with deno and Drash

What’s this?

This will be a working example of a blog made with deno and drash, with a web component or two thrown in for good measure. With any luck this will also be the foundation for an ongoing blog about web development that focuses on buildless techniques and deno.

This is not yet a working blog. Installing this right now might be fun if you want to build the whole thing before I write the tutorials but I seriously doubt you’ll find much utility otherwise.

Installation

Get this repository using git clone https://github.com/nemo-omen/bueno.git or, (my personal preference,) npx degit nemo-omen/bueno so you aren’t downloading the git part of this repo.

npm install

Haha! I know, but this is a deno project, right? Yes, it is, but we’re using LitElement and I prefer to have that dependency local rather than making a call to a CDN from the front-end. So, we’re installing it with NPM and then we’re going to -

npx snowpack

That way snowpack can make the LitElement module available inside of the public/web_modules directory, which we can then use as an ESM module in our front-end.

Todo

Inspiration/Resources

Develop and dockerize a blogging API with deno

Main branch of above tutorial

Authentication for actual humans

Drash - relevel middleware

slugify

bcrypt

djwt

deno postgres driver

deno mongo

Download Details:

Author: nemo-omen

GitHub: https://github.com/nemo-omen/bueno

#deno #javascript #drash

Tyrique  Littel

Tyrique Littel

1603587600

How To Create a Developer Blog on DevDojo

Nowadays, creating a blog is easy. But, with all the different options available, you might go crazy by just doing the research.

Should you choose WordPress and tweak the theme to get it the way you like, or a static site generator with no admin interface and complicated build processes?

All you want is a simple blog where you can write about the shit you love.

So why can’t it be simpler? Well, now it is with the DevDojo Dev Blog!

Setting up a Domain

Your Dev Blog will have a default subdomain username.devdojo.com, and you may choose to add a custom domain as well.

If you wish to use a custom domain, add a CNAME record to your Cloudflare DNS, with your subdomain in the CONTENT section. Wait a few minutes and you’ll have your custom domain resolving in minutes.

Want a video on how to do this, You got it!

Themes

At the moment of writing this, there are 2 themes you can choose from (many more to come). Each theme will have a light/dark mode and is built for speed!

Themes are built using the awesome TailwindCSS library. If you pair that with PurgeCSS, minimal javascript, and Cloudflare caching. That’s just a recipe for a fast website.

#developer-blog #dev-blog #web-development #portfolio #blog #blogging #developer-tools #writing

Welde Tekle

Welde Tekle

1606469520

Deno + Drash Realworld Example App

Drash Example App

Drash codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.

This real world example application uses Deno, Drash, Vue, Webpack, PostgreSQL, and docker-compose.

How to Run

$ docker-compose build && docker-compose up -d

Navigate to localhost:1667

Features

  • [x] Docker compose environment
  • [x] Logging
  • [x] Authentication (/users/login)
  • [x] User accounts
    • [x] Postgres DB to hold user accounts with a seeder
    • [x] Registration
    • [x] Login
    • [x] Password hashing
  • [ ] Redis?
  • [ ] API container?
  • [ ] Web socket?
  • [x] Database model representations
  • [x] Vue (built with webpack using Vue Single File Components)
  • [ ] Cypress

Frontend login

There are a total of 100 users, with each user having the same password. Say we want to login as user 32:

Username: user32
Password: Userpass1
Email: user32@hotmail.com

Built With

  • Docker - Containerisation
  • Apache - Acts as how Apache can be used as a proxy server for Drash
  • Deno - Javascript and Typescript runtime
  • Drash - Web server
  • Vue - Frontend framework
  • Webpack - Bundling Vue
  • Postgres - Postgres driver for the applications database
  • Bcrypt - Hashing and comparing passwords
  • Rhum - Testing framework
  • Dmm - Module Manager for Deno to update our dependencies
  • Vue-input - Library used to help the display of article tags as ‘pills’, allowing them to be removed and added like a shopping cart
  • Cypress - Browser testing framework

Download Details:

Author: drashland

Source Code: https://github.com/drashland/deno-drash-realworld-example-app

#deno #node #nodejs #javascript #drash

Laravel AJAX CRUD Example Tutorial

Hello Guys,

Today I will show you how to create laravel AJAX CRUD example tutorial. In this tutorial we are implements ajax crud operation in laravel. Also perform insert, update, delete operation using ajax in laravel 6 and also you can use this ajax crud operation in laravel 6, laravel 7. In ajax crud operation we display records in datatable.

Read More : Laravel AJAX CRUD Example Tutorial

https://www.techsolutionstuff.com/post/laravel-ajax-crud-example-tutorial


Read Also : Read Also : Laravel 6 CRUD Tutorial with Example

https://techsolutionstuff.com/post/laravel-6-crud-tutorial-with-example

#laravel ajax crud example tutorial #ajax crud example in laravel #laravel crud example #laravel crud example with ajax #laravel #php

3 Examples Of Design Applications With Great UX

When it comes to design, it has long been said that simplicity is key. And although I always understood the basis for this saying, I never fully appreciated what it really meant.

As a beginner it is natural to want to show all your ability by wowing your audience. And as a teacher I see my students making this mistake often. They try to build out features as much as possible and try to showcase every aspect of their ability. As many of you know, this approach does not always result in the most aesthetically pleasing design, let alone the most user friendly experience. This is why I have stressed the importance of simplicity to all my students from the first day I started teaching.

For our latest project, I assigned teams of 4 to each create a prototype for a design application.

#design #web-design #hackernoon-top-story #ux #good-ux-design-examples #good-ui-design-examples #web-application-ui-examples #web-application-design-example