Svelte JS - 개원 초보자

안녕하십니까, 프로그래머 여러분,
본고는 자원(초보자, 블로그 글 등)을 포함하는 기획 목록을 제공하였다.새로운 원더보이 자바스크립트 프레임워크-Svelte JS와 관련이 있습니다.
저는 처음부터 자바스크립트 마스터가 아니었습니다. 저는 초보자를 AppSeed의 지식 라이브러리로 사용하고 있습니다. 이 플랫폼은 평면/무생명 HTML을 사용하여 서로 다른 모델과 프로그래밍 언어로 안정적이고 사용자 인터페이스를 지원하는 웹 응용 프로그램을 만들고 있습니다.
어플리케이션 생성을 위한 자동화된 워크플로우는 Dev의 일련의 기사에서 설명했습니다.

Thanks for reading! - Content provided by App Generator.

Svelte JS

Svelte는 JS 프레임워크로 사용자 인터페이스 코드를 작성하는 새로운 방법을 제공합니다.전통적인 프레임워크, 예를 들어 React와 Vue는 대부분의 작업이 브라우저에서 이루어지고, Svelte는 컴파일 단계로 작업을 이동합니다. 이 절차는 응용 프로그램을 구축할 때 발생합니다.
이 모듈에서 소개한 다른 프레임워크에 비해 Svelte는 웹 응용 프로그램을 구축하는 다른 방법을 제공했다.React와 Vue 등 프레임워크는 응용 프로그램이 실행될 때 사용자 브라우저에서 대부분의 작업을 수행하지만 Svelte는 이 작업을 컴파일 절차로 전환시켜 응용 프로그램을 구축할 때만 컴파일하여 고도로 최적화된 vanilla 자바스크립트를 생성합니다.
나는 날씬함을 고수하지 않고 많은 곳에서 슈퍼 기록을 받는다.슬림함과 관련된 링크 중 일부는 입문을 도울 수 있습니다.

Svelte JS - 공식 홈페이지

Getting started with Svelte - 모질라 진행

What is Svelte-AppSeed에 대한 간략한 설명

슬림 JS 이니시에이터

이렇게 젊은 기술로는 현재 사용할 수 있는 초보자를 찾거나 학습을 가속화시키기 어렵다.이 목록은 내가 발견한 새로운 프로젝트나 개발자 커뮤니티가 논평에서 건의한 새로운 프로젝트를 포함하여 정기적으로 업데이트될 것이다.

Svelte Notus 관리 템플릿

Notus Admin Template는 Creative Tim이 Svelte와 Tailwind CSS에서 제공하는 오픈 소스 제품입니다.그것은 여러 개의 HTML과 Svelte 요소를 가지고 있으며, Svelte에 사용할 동적 구성 요소를 가지고 있다.이것은 Creative Tim의 Tailwind Starter Kit를 기반으로 하여 프레젠테이션 페이지와 관리 대시보드 페이지로 구성되어 있습니다.

Svelte Admin Template - Notus - 제품 페이지

Svelte Admin Template - Notus Demo

슬림 디지털 에이전트

Svelte와 Sapper를 사용하여 만든 소스 웹 응용 프로그램입니다.

기능 및 링크

JS 프레임워크: Svelte, Sapper

디자인 학점: Nixalar

마성이공대학 허가증

Svelte Digital Agency - 소스 코드

Svelte Digital Agency - 현장 프레젠테이션

Build from sources

응용 프로그램이 로컬에서 실행되는 것을 보려면 안정적인 노드가 필요합니다.js 환경 및 GIT 명령 도구입니다.

$ # Clone the source code
$ git clone https://github.com/app-generator/svelte-digital-agency.git
$ cd svelte-digital-agency
$ 
$ # Install modules
$ yarn 
$
$ # Start the app in development mode
$ yarn dev
$
$ # Production build
$ yarn build

슬림한 인코딩 상태

Svelte와 Sapper를 사용하여 만든 소스 웹 응용 프로그램입니다.

기능 및 링크

JS 프레임워크: Svelte, Sapper

사용자 인터페이스 키트: Bulma CSS

디자인 학점: Robert C. Soriano

마성이공대학 허가증

Svelte Coderstats - 소스 코드

Svelte Coderstats - 현장 프레젠테이션

Build from sources

$ # Clone the source code
$ git clone https://github.com/app-generator/svelte-coderstats.git
$ cd svelte-coderstats
$ 
$ # Install modules
$ yarn 
$
$ # Start the app in development mode
$ yarn dev
$
$ # Production build
$ yarn build

Svelte Dashboard SB 관리자

Svelte과Sapper로 제작된 오픈소스 관리 계기판은 SB admin dashboard에서 영감을 얻었습니다.

기능 및 링크

JS 프레임워크: Svelte, Sapper

UI 키트: SvelteStrap - Svelte v3용 Bootstrap4 구성 요소

디자인 학점: SB Admin StartBootstrap

마성이공대학 허가증

Svelte Dashboard SB Admin - 소스 코드

Svelte Dashboard SB Admin - 현장 프레젠테이션

Build from sources

$ # Clone the source code
$ git clone https://github.com/app-generator/svelte-dashboard-sb-admin.git
$ cd svelte-dashboard-sb-admin
$ 
$ # Install modules
$ yarn 
$
$ # Start the app in development mode
$ yarn dev
$
$ # Production build
$ yarn build

블로그 글

I created the exact same app in React and Svelte. Here are the differences.

Svelte 3 Tutorial: A JS App with That Magic Framework You Heard About

Exploring Sapper + Svelte: A quick tutorial

링크 및 리소스

Svelte JS - 공식 홈페이지

Svelte JS - Github

What is Svelte JS - 종합 강좌

Sapper-Sapper는 Svelte를 바탕으로 웹 응용 프로그램을 구축하는 프레임워크입니다.

Thank you!