teleren/devto huggingface dataset:
Situs Ceme Online
Tags: cemeonline, bandarceme, agenceme, situsceme
Published: 2021-03-17 05:48:50

Judi Ceme Keliling

Untuk bosku semua yang memang mencari keuntungan dalam hal pendapatan dan penghasilan marilah bosku datang ke permainan judi ceme keliling karena sangat gampang untuk bosku seklaian yang sangat ingin memperoleh keuntungan dan kami siap membantu bosku untuk menjelaskan apa keuntungan dari judi http://qqpokerceme.online/ keliling dan permainan judi ceme keliling sendiri sudah sangat tenar bagi para penggemar yang menikmati permainan tersebut. Karena di kesempatan kali ini kami akan menjelaskan apa yang didapat dari keuntungan yang diperoleh dari bermain judi ceme keliling dan apabila bosku semau mengikuti saran dari kami pastinya bosku mendapatkan kesuksesan dalam bemrain judi ceme keliling dan pastinya harus mendapatkan agen yang terpercaya untuk itu dengan sangat kami selalu menghimbau untuk bosku selalu bermain ditempat ceme online yang tepat. Karena untuk pemain ceme online sendiri banyak sekali pemain yang kagum akan dengan keseruan bermainnya ketika bosku bermain dan kita harus tau betul cara bermain judi ceme keliling dan meraih keuntungan yang sangat besar. Apabila bosku sering sering berlatih dan memang sering bermain psstinya bosku tau cara yang tepat untuk memenangkan pertaruhan ceme online tersebut dan pastinya bosku akan melawan pemain yang sudah mahir dalam bermain kartu judi ceme online. Untuk itu maka fokus tingkatkan skill bermain bosku dalam mengelola kartu ceme online tersebut seperti lawan yang pernah bosku lawan.

Dalam bermain judi ceme keliling bosku akan dipaksa untuk menggunakan kartu remi sebagai sarana bosku bermain ceme online tersebut agar mendapatkan keamanan bermain dan tidak ada curang dalam permainan. Ceme online ini juga merupakan suatu peluang yang sangat besar apabila bosku memang sudah mengenalnya serta sebagai alterbatif untuk bosku bisa mencari hal pendapatan dengan baik dan kompeten. Jika bosku menyimak cara bermainnya bosku pasti akan segera tahu dan juga segera menyadari bagaimana kondisi bermain ceme online itu sangat menyenangkan. Dan bosku jangan takut untuk mencari agen ceme online yang baik karena sudah dapat bosku cari di sekitaran internet hanya bosku search di mesin pencarian sudah pasti muncul permainan judi ceme keliling yang memang layak dimainkan.
How do you name new projects?
Tags: discuss, watercooler, naming, rudderstack
Published: 2021-03-17 05:13:12

---
title: How do you name new projects?
published: true
description: How do you come up with a name for a new project?
tags: discuss, watercooler, naming, rudderstack
//cover_image: https://direct_url_to_image.jpg
---

I'm tired of naming my new projects `doTheThing` and `pullTheLever` and `kronk` and `pullTheLeverKronk`. How do *you* name your new projects, before distributing them widely?
그누보드5 - 최신글 반영하기
Published: 2021-03-17 05:03:42

[그누보드5](https://sir.kr/)에서 최신글은 제공되는 **스킨**을 이용하여 쉽게 반영할 수 있습니다.

최신글은 그누보드5의 핵심인 게시판의 최신글을 몇 개 지정하여 목록으로 보여주는 기능입니다.

최신글은 대부분 홈페이지 첫페이지(메인)에 반영됩니다.

하지만 어느 페이지, 어느 위치에나 반영이 가능합니다.

#latest.lib.php

최신글을 반영하기 위해서는 **latest.lib.php** 파일이 먼저 include되어야 합니다.
```PHP
include_once(G5_LIB_PATH.'/latest.lib.php');
```

대부분의 그누보드5페이지에는 기본으로 위 파일이 head.php에 반영되어 있습니다.
다만, 편집기를 이용해 새로 페이지를 만들었을 경우 또는 특별한 경우 위 파일이 빠져 있을 수 있습니다.
혹, 최신글이 반영이 안된다면 위 파일이 head.php상단에 include되었는지 확인하면 됩니다.

#최신글 반영하기
이제 원하는 위치에 최신글을 반영할 수 있습니다.
```
echo latest('pic_list', 'free', 4, 23);	// latest(스킨, 게시판아이디, 출력라인, 글자수);
```

여기서 스킨은 그누보드5에서 배포되는 기본 스킨과 [커뮤니티](https://sir.kr/g5_skin?sca=%EC%B5%9C%EC%8B%A0%EA%B8%80) 회원이 제공하는 스킨 그리고 직접 만들어 사용하는 스킨 모두 가능합니다.

[그누보드5강좌](https://365ok.co.kr/tj/gnuboard)
Responsive Portfolio Website using HTML CSS & JavaScript | Free Source Code
Tags: personalportfolio, portfoliodesign, completewebsite, fullwebsite
Published: 2021-03-17 05:01:25

Q: How do I create a personal portfolio website using HTML and CSS and JavaScript?
A: After reading and watching the following articles you will definitely able to Create a Complete Responsive Personal Portfolio Website by using HTML CSS and JavaScript.

Hello Readers, Today in this blog I'm going to create a complete Responsive Portfolio Website using HTML CSS & JavaScript step by step. In my earlier tutorial, I have been creating All Essential Designs for the Website Separately for example responsive footer, contact us form, our team section, header, and others. Now I will create a full website with several pages.

What is Portfolio Website?
In simple terms, A portfolio website is the combination of several pages that contains articles, images, hyperlinks to helps user necessities easier. A website could be different in designs and contains but the main motive of websites to make people necessity easy and fast like we can found various types of website on the internet for example commercial website, portfolio website, product website, banking website.

As you see on the given image of the portfolio website on the webpage, this is the real example of the personal portfolio website that we are going to build today. Basically, this is the header or home section of our portfolio website, when we scroll we can see various pages of this website like the about me section, my skills section, my services, and others.

#Portfolio Website |Free Source Code#
You can download all source code from the given link. <a href="https://www.codinglabweb.com/2021/03/responsive-portfolio-website-using-html-css-javascript.html">Click Here To Download All Source Code</a>
Looking into java service provider interface (SPI). Learning by example.
Published: 2021-03-17 04:49:49

---
title: Looking into java service provider interface (SPI). Learning by example.
published: true
description: I took a look at the service provider interface in java. This is a needed interface to build simple services using easy building blocks to extend and improve programs or libraries. We will create one example and also look into some tools that use this interface already.
tags:
cover_image: https://i.ytimg.com/vi/iLPIUaNV-Kc/maxresdefault.jpg
---

{% youtube iLPIUaNV-Kc %}

I took a look at the service provider interface in java. This is a needed interface to build simple services using easy building blocks to extend and improve programs or libraries. We will create one example and also look into some tools that use this interface already.
How to make a Variable Observer
Tags: javascript
Published: 2021-03-17 04:23:40

>There are many Deprecated Methods to listen for changes in a variable's value in **Javascript**


> ####Here is a easy way to listen for changes in a variable's value:

```javascript
var Var = window.innerWidth + ", " + window.innerHeight; // Can Put Anything Here as The Value.
var oldVar = Var; // Set oldVar to Var.

setInterval(function(){
	// Set Var to Value;
	Var = window.innerWidth + ", " + window.innerHeight; 
},100)

setInterval(function(){
	if(oldVar !== Var){ // Check If Var Not = oldVar.
		// Do Something.
		console.log("Window Resized!");
		oldVar = Var; // Set oldVar to Var to reset the code.
	}
}, 100);

```

####Or Directly Use Value:



```javascript
var oldVal;


setInterval(function(){
	if(oldVar !== window.innerHeight){ // Check If Valuez Not = oldVar.
		// Do Something.
		console.log("Window Resized!");
		oldVar = window.innerHeight; // Set oldVar to Value to reset the code.
	}
}, 100);

```
React Component to Smooth Scroll to the Top
Tags: react, beginners, javascript, webdev
Published: 2021-03-17 03:56:56

It's kinda rare to find a smooth scrolling button that takes you to the top of the page on modern blogging websites, especially the ones that are a long 15 minute read! 

However, whenever I come across one, I always tend to use it and  appreciate the elegance of this simple button that has such a specific job.

After perusing *Stack Overflow* and *GitHub* for solution, I came across an elegant React component that uses Hooks and wanted to share it with this community!

Our button should function like this:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nsx9qm4z7eb350x9duw1.gif)

These are following test-cases for our component:
- Button should always be at the right bottom of the page
- Button should be hidden and should only appear when we scroll for a certain height
- On clicking it, we should be smoothly taken to the top of the page

The Hook component achieves the following functionality.

```javascript
import React, { useEffect, useState } from "react";

export default function ScrollToTop() {
  const [isVisible, setIsVisible] = useState(false);

  // Top: 0 takes us all the way back to the top of the page
  // Behavior: smooth keeps it smooth!
  const scrollToTop = () => {
    window.scrollTo({
      top: 0,
      behavior: "smooth"
    });
  };

  useEffect(() => {
    // Button is displayed after scrolling for 500 pixels
    const toggleVisibility = () => {
      if (window.pageYOffset > 500) {
        setIsVisible(true);
      } else {
        setIsVisible(false);
      }
    };

    window.addEventListener("scroll", toggleVisibility);

    return () => window.removeEventListener("scroll", toggleVisibility);
  }, []);

//scroll-to-top classes: fixed, bottom:0, right:0
  return (
    <div className="scroll-to-top">
      {isVisible && (
        <div onClick={scrollToTop}>
          <h3>Go up!</h3>
        </div>
      )}
    </div>
  );
}
```
We're almost done! Just import this component in your react file and stick it at the very end.

And voila, it should work!

[Here](https://codesandbox.io/s/sharp-archimedes-iz2mq?file=/src/App.js) is a basic, quick, and ugly demo of how it should function!
그누보드5 - 내용관리가 아닌 일반페이지 추가하기
Tags: gnuboard, koreaboard, youngcart, opensource
Published: 2021-03-17 03:09:42

[그누보드5](https://sir.kr/)는 **공개형 보드**입니다. 
게시판을 중심으로 회원관리, 내용관리 등의 기능이 내장되어 있어 완벽한 홈페이지를 제작할 수 있는 오픈 소스입니다.

게시판이 아닌 페이지 추가를 쉽게 하기 위해 **내용관리**가 내장되어 있습니다.

그런데 편집기를 이용하여 직접 페이지를 추가하고 싶을 땐?

# common.php
이 파일이 필요합니다.
이 파일을 include하면 그누보드5의 모든 함수와 선언된 상수를 사용할 수 있습니다.
이 파일은 그누보드가 설치된 Root 폴더에 위치합니다.
(예: 그누보드가 /home/abc 에 설치되어 있다면 해당 파일은 /home/abc폴더에 있습니다.)

```PHP
include_once('./common.php');
```

그런데 그누보드5 폴더와 파일을 들여다 보면 위 파일을 직접 사용하는 경우는 드물고 _common.php파일을 만들어 사용합니다.

그래서 대부분 파일을 열어 보면
```PHP
include_once('./_common.php');
```
이렇게 되어 있는 것을 볼 수 있습니다.

### _common.php 파일의 내용
여기서 중요합니다. 이 파일내 common.php파일을 include할 때 경로를 잘 지정해 주어야 합니다.

그누보드5가 설치된 Root폴더에 파일을 추가한다면
```PHP
include_once('./common.php');
```
이렇게 하면 됩니다. (Root 폴더에는 이미 해당 파일이 있습니다.)

그런데 abc라는 폴더를 만들고 그 안에 _common.php파일을 만든다면?
이럴 때는 common.php파일이 있는 위치와 상대경로를 확인하여 반영해 주어야 합니다.

* /그누보드5설치루트/abc인 경우
```PHP
include_once('../common.php');
```

* /그누보드5설치루트/임의폴더/abc인 경우
```PHP
include_once('../../common.php');
```

* /그누보드5설치루트/임의폴더/임의폴더/abc인 경우
```PHP
include_once('../../../common.php');
```

[그누보드5강좌](https://365ok.co.kr/tj/gnuboard)
Day 43: Twitter Auto-reply
Tags: 100daysofcode, python
Published: 2021-03-17 02:34:10

```python
import tweepy
import logging
from config import create_api
import time

logging.basicConfig(level=logging.INFO)
logger = logging.getLogger()

def check_mentions(api, keywords, since_id):
    logger.info("Retrieving mentions")
    new_since_id = since_id
    for tweet in tweepy.Cursor(api.mentions_timeline,
        since_id=since_id).items():
        new_since_id = max(tweet.id, new_since_id)
        if tweet.in_reply_to_status_id is not None:
            continue
        if any(keyword in tweet.text.lower() for keyword in keywords):
            logger.info(f"Answering to {tweet.user.name}")

            if not tweet.user.following:
                tweet.user.follow()

            api.update_status(
                status="Please reach us via DM",
                in_reply_to_status_id=tweet.id,
            )
    return new_since_id

def main():
    api = create_api()
    since_id = 1
    while True:
        since_id = check_mentions(api, ["help", "support"], since_id)
        logger.info("Waiting...")
        time.sleep(60)

if __name__ == "__main__":
    main()
```
비쥬얼 스튜디오 코드 사용자를 위한 유용한 확장 프로그램
Tags: vscode, visualstudio, editor
Published: 2021-03-17 02:14:43

vs-code사용자를 위한 유용한 확장 프로그램을 소개합니다.

#LIVE SERVER
사이트를 개발할 때 바로 확인해 볼 수 있는 **로컬서버**입니다.
![라이브서버](https://github.com/ritwickdey/vscode-live-server/raw/master/images/Screenshot/vscode-live-server-animated-demo.gif)

> 확장 프로그램을 설치하면 vs-code하단 상태 표시줄에 아래와 같이 **Go Live**텍스트가 표시됩니다. 이 부분을 클릭하여 로컬 서버를 시작하거나 멈출 수 있습니다.
![상태표시줄](https://github.com/ritwickdey/vscode-live-server/raw/master/images/Screenshot/vscode-live-server-statusbar-3.jpg)

> 탐색기 창에서 HTML파일을 마우스 오른쪽 버튼 클릭하여 Live Server로 열기하여 로컬서버로 확인해 볼 수도 있습니다.
![HTML파일 확인하기](https://github.com/ritwickdey/vscode-live-server/raw/master/images/Screenshot/vscode-live-server-explorer-menu-demo-1.gif)

> HTML 파일을 열고 편집기를 마우스 오른쪽 버튼으로 클릭하고 Live Server로 열기를 클릭합니다.
![편집창내에서 확인하기](https://github.com/ritwickdey/vscode-live-server/raw/master/images/Screenshot/vscode-live-server-editor-menu-3.jpg)

> (alt + L, alt + O)를 눌러 로컬서버를 시작하고 (alt + L, alt + C)를 눌러 로컬서버를 중지합니다 (바로가기 설정은 변경할 수 있음). [MAC에서는, cmd + L, cmd + O 및 cmd + L, cmd + C]

> F1 또는 ctrl + shift + P를 눌러 Command Pallete를 열고 Live Server : Open With Live Server를 입력하여 서버를 시작하거나 Live Server : Stop Live Server를 입력하여 서버를 중지합니다.

#Auto Rename Tag
HTML/XML파일을 편집할 때 열린 태그를 수정하면 닫히는 태그가 자동 수정됩니다.

![사용예](https://github.com/formulahendry/vscode-auto-rename-tag/raw/master/images/usage.gif)

#Bracket Pair Colorizer
소스 코드에서 일치하는 괄호를 색상화해서 코드를 직관적으로 볼 수 있게 도와줍니다. 이 확장을 사용하면 일치하는 괄호를 색상으로 식별 할 수 있습니다. 사용자는 일치 시킬 문자와 사용할 색상을 정의 할 수 있습니다.

![Screenshot](https://github.com/CoenraadS/BracketPair/raw/master/images/example.png)

#Material Icon Theme
Visual Studio Code용 머티리얼 디자인 아이콘. **폴더**와 **파일**을 프로그램을 구분할 수 있는 이쁜 색상 및 아이콘으로 표시해줍니다.

![파일아이콘](https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/master/images/fileIcons.png)

![폴더아이콘](https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/master/images/folderIcons.png)

[VS-CODE강좌](https://365ok.co.kr/tj/vscode)
TIL to Make Godot Themes
Tags: todayilearned, gamedev, godot
Published: 2021-03-17 02:09:28

2021-03-16

Unrelated to #gamedev, I learned a bit about infographics today as well as Clip Studio EX. It's been productive!

Godot Themes are simpler than I expected. They're just resources you can add and customize. 
![Create a Theme Resource dialog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oj0qax00uxm0gd021udb.png)
When you access a new theme, you can see a Theme preview as well as an Inspector with few properties.
![Theme Preview containing UI element stubs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ij0irz6x0vuuvpvwvrcj.png)
To customize your theme, you can use the Edit Theme menu. With it, you may add new items (which represent UI controls) or just start with a template. The items show up in the Inspector.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vlsviiblicd70bxjpra.png)
You can add sub-resources or reuse file resources to set different item properties and get a desired custom result. I know I'll be tinkering with this for a bit!
![Preview result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6plc82r00ic0y2cnssd4.png)
Fair Introduction of Python, JavaScript, PHP, Ruby and Perl
Tags: python, javascript, php, ruby
Published: 2021-03-17 01:58:59

Is Fair Introduction of Python, JavaScript, PHP, Ruby and Perl  good?

I've seen Perl only excluded in the Japanese media for over a decade.

Perl was only mentioned when Perl was blamed.

I want to improve this situation.

Is it possible to include Perl in introduction of dynamic type languages?

It would be even better to include Lisp and Smalltalk.
import * 을 쓰지 말아야 할 또 하나의 이유
Tags: android, kotlin, java
Published: 2021-03-17 01:28:45

---
title: import * 을 쓰지 말아야 할 또 하나의 이유
published: true
description: import * 을 쓰면 대량의 refactoring 시 애로사항이 꽃핀다.
tags: android, kotlin, java
//cover_image: https://direct_url_to_image.jpg
---

import * (wildcard import)는 가급적 쓰지 말라고 얘기한다. 일일이 import 하면 명확히 내가 뭘 갖다 쓰는지 알 수 있고, 엉겹결에 의도치 않은 녀석이 딸려와서 호출되는 잠재적인 오류도 막을 수 있다.

그리고 어제, 순환 참조 문제를 바꾸기 위해 이 모듈에서 저 모듈로 클래스를 옮기는 과정에서 * 을 쓰지 말아야 할 또 하나의 이유를 찾았다. 

import * 을 해 버리면 replace all 로 내가 옮긴 클래스의 import 문만 기계적으로 바꿔버릴 수가 없다. 물론 대부분의 move 리펙터링은 IDE 를 이용해서 하기 때문에 문제가 없지만, 어제와 같이 대량의 move를 할 땐 하나하나 옮기는 것 보다 무식하게 그냥 cut & paste 해 버리고 import문만 replace all 하는게 훨씬 빠르다. 클래스 하나 옮길 때 마다 안드로이드 스튜디오의 import optimize가 도는데 너무 느려서 내가 돌아버릴 지경.

import * 을 안했다면 replace all 기능을 이용해 내가 옮긴 클래스의 import 문을 기계적으로 바꿔버릴 수 있다. 예를 들어 `com.me.A` 클래스를 `com.you.A` 로 옮겼다면, `import com.me.A` 를 싹 `import com.you.A` 로 바꾸면 끝난다.

하지만 import * 을 해서 해당 클래스를 사용하고 있었다면, replace 조건에 걸리지 않기 때문에 일일이 찾아다니면서 바꿔줘야 한다. 그런 클래스의 import 문에는 `import com.me.*` 만 있지, `import com.me.A` 가 존재하지 않기 때문이다.

그러니 적어도 플랫폼쪽 클래스 같이 내가 바꿀 일이 거의 없는 클래스라면 wildcard import를 조금이라도 고려할 이유가 있겠지만, 내가 짜는 클래스라면 wildcard import를 하지 말자.

안드로이드 스튜디오를 쓴다면, settings > code style > kotlin (java) 메뉴에서 간단히 기본 설정을 바꿀 수 있다.
Nevertheless, Melissa Manousos Coded in 2021!
Tags: wecoded
Published: 2021-03-17 01:10:24

---
title: Nevertheless, Melissa Manousos Coded in 2021!
published: true
tags: shecoded
---
<!-- ✨This template is only meant to get your ideas going, so please change/add/remove these prompts as you wish! We also encourage you to create your own title if you’d like! ✨ -->

## My most recent achievement was…
In 2020 I completed the Capstone curriculum at Launch School (www.launchschool.com) and then landed a full-time role as a Software Engineer II at PayPal. 

## Advocating for myself looks like…
Making my voice heard and making sure I am learning every day. 

## My biggest goal is…
Encouraging other women and under-represented folks coming up behind me and making space for them where I can.

## My advice for allies to support underrepresented folks who code is...
Start by considering if the things you want to say are helpful and kind, then consider if you are the best person to say them. If not, maybe pass the opportunity to someone else.

<!-- Once your post is published, it will not appear on the /t/shecoded page until an admin approves it. This is an extra step to ensure there is no abuse on this important tag. --!>
How to integrate Plausible into a Next.js project
Tags: nextjs, tutorial, javascript, react
Published: 2021-03-17 00:58:51

[**Plausible**](https://plausible.io) is a new and **privacy-friendly** analytics service that is an attractive alternative to Google Analytics. It only stores data that enables a **simple analysis of visits** to your website. In doing so, Plausible does not track the user across multiple websites (does **not** store cross-site cookies).

In this article, I assume that you already have a functioning Next.js project running.

## Installation

To include plausible in Next, we use the package `next-plausible`.

So we install this first. Either with `yarn`:

```bash
yarn add next-plausible
```

Or using `npm`:

```bash
npm install next-plausible
```

## Add Plausible to `_app.js`

Next, we extend the `_pages/app.js` file (please read [this article](https://nextjs.org/docs/advanced-features/custom-app) first if you do not already have this file).

We wrap the existing `_app.js` code with the `PlausibleProvider`, which embeds the analysis script and makes it available to the rest of your project.

Our code should now look like this:

```javascript
import "../styles/globals.css";
import PlausibleProvider from "next-plausible";

function MyApp({ Component, pageProps }) {
  return (
    <PlausibleProvider domain="YOUR-DOMAIN-HERE">
      <Component {...pageProps} />
    </PlausibleProvider>
  );
}

export default MyApp;
```

Please replace `YOUR-DOMAIN-HERE` in the domain parameter with the **domain** of your **application**.

**_Done!_** The visits to your application are now tracked by Plausible.

## Tracking goals

**Goals** can also be tracked with `next-plausible`, for which a **hook** is provided. This can be used as follows:

```javascript
import { usePlausible } from "next-plausible";

export default function Home() {
  const plausible = usePlausible();

  return (
    <div>
      <button onClick={() => plausible("Button")}>Button</button>
    </div>
  );
}
```

As soon as the button is pressed, an event is tracked at Plausible.

**That's it!** Your Next.js application now tracks statistics and also goals with Plausible.

## Conclusion

Plausible is a **great alternative** to **Google Analytics**, which actually respects **user privacy** and only tracks what is **necessary** to provide you with **simple analyses** of **user behaviour** on your **websit**e. With `next-plausible` there is also a great solution to use Plausible with Next.js.

You can learn more about `next-plausible` in the related [docs](https://github.com/4lejandrito/next-plausible).
Take Smarter Notes to Boost Understanding and Memory!
Tags: beginners, learning, productivity
Published: 2021-03-17 00:57:59

This past year has been crazy hard on us all. A few weeks ago I really felt like I hit a wall with learning new things, career growth, all of it. So I shifted my focus a bit.

###Giving Back
Now I'm trying to spend part of my work time creating resources to help those just starting out their journey learning to code!

So far I've done articles on:
- [Agile methodologies and teachers](https://dev.to/tealdoestech/teachers-the-agile-development-ogs-39in)
- [The Dutch Flag quick sort](https://dev.to/tealdoestech/the-dutch-flag-quick-sort-4k8n) 
(and currently in drafts: Boyer-Moore-Horspool, my favorite string search!)

Today, I'm reaching back to my days spent literally studying how people learn...

![Screenshot of Cornell Notes Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1pww21wm29kbp16nhdky.png)<sup>_Sample of my Cornell Notes Notion template_</sup>

###Why Cornell Notes Matter
Today I'm taking it back to my teaching roots with a learning resource!  My favorite notetaking style to teach was Cornell Notes.  It was a part of the AVID ([Advancement via Individual Determination](https://www.avid.org/)) skills that I taught.  Essentially it involves:
1. Taking notes using ideas, shorthand, sketches, etc. (rather than full sentences)
2. Going back to add a main idea or guiding question for each section
3. Summarizing each page based only on the main ideas/questions (cover the notes!)
4. Reviewing the notes multiple times (I did 24 hour, 48 hour, and one week later)

Developing the main ideas, then by summarizing from those main ideas only help to build connections and process what was learned, versus regurgitating information.  The review helps to cement those neural pathways each time.

###Get Started!
I've really fallen in love with Notion recently.  Naturally, I created a Notion template for Cornell Notes🙌. It includes a notebook and notetaking sheet that you can duplicate. It's designed to use Cornell Notes' review and repetition strategies to boost memory and understanding. I hope you find it useful!

![Cornell Notes Notebook screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o2qvhghaq1hn9jxn9pek.png)<sup>_Preview of the Notebook layout_</sup>

#####Free Template:
Get the template [here](https://www.tealjulia.com/#resources) and duplicate it to your Notion workspace!