teleren/devto huggingface dataset:
Pengertian Tata Tertib Sekolah

Tags: pengertian, tata, tertib, sekolah
Published: 2021-05-02 03:52:40

Menurut Depdicbud (1989), konsep disiplin sekolah merupakan suatu aturan atau regulasi yang baik dan merupakan hasil dari ketaatan (tatap muka) yang konsisten dengan aturan yang ada.

Menurut Mulyono (2000) disiplin adalah seperangkat aturan yang tertulis secara tertulis dan mengikat anggota masyarakat. Tata tertib tata tertib sekolah, termasuk tugas, kewajiban dan larangannya.

Peraturan sekolah menjadi patokan atau standar untuk hal-hal tertentu. Sesuai dengan keputusan Direktur Jenderal Pendidikan Dasar dan Menengah Nomor 158 / C / Kep / T.81 tanggal 24 September 1981 (Jurusan Keguruan Jurusan Manajemen Pendidikan FIP IKIP Malang 1989: 145), ketertiban berarti kondisi dinamis yang mengarah pada harmoni, harmoni dan keseimbangan dalam sistem. hidup dengan keberadaan Tuhan Yang Mahakuasa. Tata tertib sekolah diatur dalam disiplin sekolah.

Kelompok Fakultas Jurusan Manajemen Pendidikan FIP IKIP Malang (1989) mengartikan disiplin sekolah sebagai kesediaan untuk menaati peraturan dalam bentuk peraturan yang berkaitan dengan kehidupan sekolah sehari-hari. Aturan sekolah segera ditetapkan untuk mengatur perilaku dan sikap siswa, guru, dan administrator.

Secara umum aturan sekolah dapat diartikan sebagai koneksi atau aturan yang harus ditaati oleh setiap warga sekolah dimana proses belajar mengajar berlangsung. Penerapan disiplin sekolah dapat berhasil jika guru, aparatur sekolah dan siswa saling mendukung disiplin sekolah itu sendiri, kurangnya dukungan dari siswa akan mengakibatkan peraturan sekolah yang kurang bermakna diterapkan di sekolah.

Peraturan sekolah berupa peraturan sekolah merupakan sekumpulan peraturan yang tertulis dan mengikat di lingkungan sekolah. Dari pengertian di atas dapat dipahami bahwa disiplin sekolah merupakan satu kesatuan yang tidak dapat dipisahkan satu sama lain, seperti aturan yang diterapkan di sekolah, sehingga proses pendidikan dapat berjalan efektif dan efisien.

Kalian dapat simak penjelasan lebih lengkapnya di https://doki.co.id/pengertian-tata-tertib-sekolah/

Tujuan Kode

Sadar akan pencapaian tujuan pendidikan nasional
Meningkatkan ketahanan sekolah
Jadikan prinsip dan karakter mental dan moral anak sebagai kebiasaan mendisiplinkan dan menanamkan berbagai norma luhur yang harus dipatuhi dan norma maksiat yang harus dihindari.

Mungkin hanya itu yang bisa disampaikan soal disiplin sekolah dengan manfaat, tujuan, dan contoh. Untuk membaca artikel pendidikan lainnya di https://doki.co.id/
Game Hacking Fundamentals
Tags: cybersecurity, gamehacking, cpp, jesus
Published: 2021-05-02 03:30:07



The time has come!  The official release of our of our Game Hacking Book was today!  We sold a bunch of books already and we are very excited that so many people purchased on the first day!

![1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/la2uyeixuzpgxat5rc7l.jpg) 

What is this book you may ask?

It's a real physical book called Game Hacking Fundamentals brought to you by Erarnitox & Guided Hacking.  It's 270 pages long and will get you started with everything you need to know to be a successful game hacker.

![3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ychap1v9pjonuyi9w4cs.jpg)

After you get started with the basics in the first few chapters we jump into something a bit more exciting.

After that I explain how DLL-Injection works and how to convert your external trainer, which was a separate process, into an internal one. Having your trainer in the same process has many benefits.

After we have done that we end up with something like this:
{% youtube 8vZ9wkXtT0A %}

With [this Game Hacking Course](https://guidedhacking.com/ghf) and the rest of our resources on our website, there is nothing holding you back from becoming an expert hacker except for YOU!  So stop making excuses, grab the book & let's git gud.

### More Game Cheat Articles​

-   [Are Anticheats Effective?](https://dev.to/ghrake/are-anticheats-effective-2jk1)
-   [Enter the World of Game Hacking](https://dev.to/ghrake/enter-the-world-of-game-hacking-5895)
-   [Game Hacking Fundamentals](https://dev.to/ghrake/game-hacking-fundamentals-221f)
-   [How to Learn Game Hacking](https://dev.to/ghrake/how-to-learn-game-hacking-2bka)
-   [Unreal Engine Dumping](https://dev.to/ghrake/unreal-engine-dumpi-42pm)
-   [Interview with MMBot Tibia Bot Developer](https://dev.to/ghrake/interview-with-mmbot-tibia-bot-developer-1n6a)
My phase 1 project
Published: 2021-05-02 03:16:37

This is my phase 1 project mode : https://tuanlong1202.github.io/phase_1_project_mode/

How do you guys think about it ? So simple, look urgly, minor code ... etc ..etc .
This project I done after two months of code learning. It is center of things I've learned: DOM, CSS, javascript, coding ... etc ..etc.. And above of all is API (Application Programming Interface), it provides protocol we use to connect to other platform.
The project required connecting to other web site, fetch data  and then show it out.
The require look simple but chosen one API source to build this project is very hard. I should chose an API source which appropriate for me - the new coding one - not easy at all. After days of searching, thinking, consider I chose this website: https://meta-weather.vercel.app/api/, it provides API source, it is free, simpler , fit my need. This API could be used to make weather forecast app. Thank god at last I found it, the API I'm in need very much.
But this is just the first trouble I'd met in this project. I had to thinking about my project's feature I could take from this API source. Althought this API source has provided it, but I should think about the things I'm going to do that must around things I've learned, and not out of my capability.
After the features have been decided, I built the project layout. All we know that this is just HTML. Very simple, just a few tag and problems are solve. But let these tag are layout as we want is another problems, it lead we to CSS( to me this is another terrible thing). It is a meticulous process, slowly, solve every problems one by one. Actually, my designer skill very bad, and the layout I chose similar the source, but I proud the CSS is mine. i made it, I built it, I decided on it.
And lastly part: CODING. The part I love most. How do you think about coding ? I feel it's something sweet. This is really the problems solve I love most. Coding require us logical thinking, know the problems we face clearly as the things we hold on your hand, and how we solve it. I don't know why but I think coding is the easily part I done in this project, except when I render data. This is the dark point of this part. I built render data function so long, something wrong here. I don't know but I sure. I'd reviewed it, and I'll make it shorter.
This is my first project after two months I follow Amazon Software Development course, I know there are something not good, my project need review, rebuild. And I'm going to do it. It's soon. But now I proud I'd made this project by myself, my own.
LeetCode 198. House Robber
(javascript solution)
Tags: algorithms, javascript
Published: 2021-05-02 03:10:15

###Description:
You are a professional robber planning to rob houses along a street. Each house has a certain amount of money stashed, the only constraint stopping you from robbing each of them is that adjacent houses have security systems connected and it will automatically contact the police if two adjacent houses were broken into on the same night.

Given an integer array nums representing the amount of money of each house, return the maximum amount of money you can rob tonight without alerting the police.

###Solution:
Time Complexity : O(n)
Space Complexity: O(n)

```javascript
var rob = function(nums) {
    if (nums.length === 0) return 0;
    if (nums.length === 1) return nums[0]
    
    // Keep track of the max money we can make with x amount of houses available
    // dp[0] = max amount if we only have the first house to rob
    // dp[1] = max amount if we only have the first 2 houses to rob
    let dp = [nums[0], Math.max(nums[0], nums[1])];
    
    for (let i = 2; i < nums.length; i++) {
        // Compare current max with the previous max
        // Check if the money from the current house + max of 2 houses away is greater than the current max
        dp[i] = Math.max(dp[i-2] + nums[i], dp[i-1]);
    }
    return dp[nums.length - 1];
};
```
DBMS 3-tier architecture.✋✋✋✋
Tags: database
Published: 2021-05-02 03:09:11

 DBMS 3-tier architecture divides the complete system into three inter-related but independent modules as shown in the above image(cover image).


Presentation layer / User layer✨✨✨: This tier is presented before the user who knows nothing regarding the other existing complex databases underneath. This tier can provide multiple views of the databases, generated by the application residing in the application tier.

Application tier✨✨: This is the middle-lined tier between the database and the presentation tier and acts as a connection between the end-user and the database. This tier holds the programs and the application server along with the programs that could access the database. This is the last layer that the users are made aware of . It provides a  complete abstraction to the database layer.

Database tier✨: This tier holds the primary database along with all the data and the query language for processing. The relations of data with their constraints are also defined at this level.

Advantages:

✋ Enhanced scalability.
✋ data integrity.
✋ security.

Disadvantages:
✋ complexity of implementation and communication between client and server.
Project 65 of 100 - React Router Exercise Tracker
Tags: react, 100daysofcode, javascript
Published: 2021-05-02 03:06:22

*Hey! I'm on a mission to make 100 React.js projects ending May 31st. Please follow my dev.to profile or my [twitter](https://www.twitter.com/jwhubert91) for updates and feel free to reach out if you have questions. Thanks for your support!*

Link to today's deployed app: [Link](https://100-react-project-day-65-react-router-exercise-tracker.netlify.app/)
Link to the repo: [github](https://github.com/jwhubert91/100daysofreact/tree/master/day-65-react-router-exercise-tracker)

[Yesterday](https://dev.to/jwhubert91/project-64-of-100-more-react-router-2b79) I created a decent sized project using React Router so this is part 2 in a series on it. This project had a lot more functionality, unique pages, and explored the React Router imports much more deeply.

Unlike yesterday, this project used a massive list of the React Router functionality including:

1. Components - BrowserRouter, Link, Switch, Route, Redirect
2. Nested Routes - Nested sub-components, Nested app-level components (pages)
3. React Router pre-built Hooks - useParams variables, useRouteMatch path, useHistory methods like push, go

Also unlike yesterday, this project took an unexpectedly long time to put together, so for detail I'm just going to refer you to my github for code samples.

The new stuff for me was that I had to use <Redirect> inside of a <Route>. Didn't know that.

Also, I didn't know about pulling the first path segment out of useRouteMatch, and I also didn't know about history.go() and that you can use any negative or positive number to navigate forward or backward through page history as shared by the hook with your present component.

Lastly, I didn't know you could place a <Switch> with <Route> components inside any component, but you can. The switch will match the URL and so long as it doesn't interfere with a higher-level switch, it will render different components inside your present component's JSX. That is pretty neat, and handy. My food page was made this way, displaying listings if there was no slug, and an individual listing component if there was a slug. Pretty neat.

**If you like projects like this and want to stay up to date with more, check out my Twitter [@jwhubert91](https://twitter.com/jwhubert91), I follow back! See you tomorrow for another project.**
Tree Ways to Scroll to an Element using Angular
Tags: angular, html
Published: 2021-05-02 02:30:00

Recently I was implementing in Angular a requirement that demanded the following: 
> *"After pressing a button, if some specific data is returned, present a warning with a link saying that the specific data exists. After clicking on that link, scroll down to the grid containing the data".* 

First, I tried the simplest solution, which was the use of DOM commands like [Element.scrollIntoView()](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView), or 
`document.getElementById("<yourTarget>").scrollIntoView({
      behavior: "smooth",
      block: "start",
      inline: "nearest"
    });`
(Remeber to add `id="<yourtarget"` where you want to scroll)
It worked on development, and it was quite easy, but after deploying to production environment I noticed that the scroll was **not working!**

So, I tried another way, using Angular's [ViewportScroller] (https://angular.io/api/common/ViewportScroller).
In order to do that, you have to inject ViewportScroller at Component's constructor, like `constructor(private scroller: ViewportScroller)` and just call `this.scroller.scrollToAnchor("<yourTarget>");`. Again, no big deal, and again it was NOT WORKING on production environment.

The third way to do it, is to use Router to provide navigation to the anchor I wanted. Similarly to the last option, inject Router to constructor, like `constructor(private router: Router)`, and use the command:
`this.router.navigate([], { fragment: "<yourTarget>" });`
Finally it DID WORK on production environment! I don't know for sure why the previous methods failed, I read some sources that says Angular Material blocks scrolling, but I'm not sure.
In order to present the different options there's a [Stackblitz] (https://stackblitz.com/edit/scrolling-types?embed=1&file=src/app/app.component.ts) as an example.
There you can click on tree buttons, each one using a different method to scroll down to some anchor.

{% stackblitz scrolling-types %}
Hope it helps someone :)
My javascript / tech / web development newsletter for 2021-05-01 is out!
Tags: javascript, tech, webdev, discuss
Published: 2021-05-02 01:30:57

---
title: My javascript / tech / web development newsletter for 2021-05-01 is out!
published: true
description: A roundup of all the best javascript, tech and web development links posted to my linkblog in the past week
tags: javascript, tech, webdev, discuss
---
In this week’s edition:

Spotify, Puppeteer, M1, k8s, inline modules, Linux, PRs are bad, ffmpeg, container queries, ad tracking, video encoding workflows, marscopter, HTML, Facebook, NFTs for devs, stocks, FSF, Epic, SSGs...

https://markjgsmith.substack.com/p/mark-smiths-newsletter-01-05-2021

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
Scraping Kijiji: the Idea
Published: 2021-05-02 00:28:40

I want to create a website to help find apartments in Montreal.  Before I do or research anything, I just want to write out what I want it to do and how I *think* I can do it.

# Data
## Apartments
The data will come from Kijiji. I've written a Kijiji scraper in Python before, and now that I know more about JS I think I can do it faster. With any luck there's an API out there that I can use instead.

The scraper will periodically check Kijiji for new rental listings in Montreal. It will also scrape all the data for these listings so the end user can filter as narrowly as the data allows (which is more than Kijiji's user interface does).

## Time distance
Instead of specifying a radius around a point and showing results to the user around that point, I want to allow them to filter results by *time distance*: how many minutes of walking, public transit, does it take to get from the apartment to some zip code.

I assume Google Maps has an API that lets you find this out. But unless it's free I probably can't call it for every single listing. I'll probably have to have a table of time distances between every 3-digit zip code and use this as an approximation. It's less than ideal for walking as you can easily walk 20 minutes in a straight line within H2H for instance. I would have to look into more granular options...

# User Interface
There are a few things I don't like about Kijiji's interface:
- Some listing properties can't be used for filtering (date available if I remember correctly), or the filters are not great
- It is littered with duplicate listings and office rentals. A lot of apartment swaps, too, which may not be relevant.
- It takes many clicks to get the information you care about. You have to click on listings to read the description, then you have to click on the pictures to see what the place looks like, and you have to click to see a map showing the location of the apartment. 

My solution is to:
- simply allow filtering using every listing property, with options (e.g. exclude listings if heat/electricity/water would put them above your stated budget)
- include toggles to filter out duplicates, office rentals, and apartment swaps. They can be identified easily. 
- Make listing info visible in the search results. Most descriptions are not long enough to warrant a clickthrough. A table with all properties can be shown. A reasonably large preview image should be shown, with a series of thumbnails that change the src of the preview image on mouseenter so all of them can be seen without clicking through. A Google map of the apartment's location should be shown on mouseover of the address.

####Problems:
- That might be a lot of requests to make on a single page, leading the significant slowdowns. My hunch? Not as bad as waiting for dozens of different pages to load. 
- Getting distances might be tough as explained above.

####Optional:
Is there a walk score API? 

#finally {
That about covers it! I'll write about my progress once I start doing research to (in)validate my assumptions.
Software is like surgery
Tags: practices, software, riskmanagement
Published: 2021-05-05 07:31:34

---
title: Software is like surgery
published: true
date: 2021-05-02 00:00:00 UTC
tags: practices,software,riskmanagement
canonical_url: https://jhall.io/archive/2021/05/02/software-is-like-surgery/
---

Those of us who work on teams that produce software somewhat naturally think of our software or our code as an asset. Afterall, it is the thing we’re producing, right? When you hire a homebuilder to build you a home, that home becomes an asset.

Sadly, that’s not how software works. Nobody _wants_ software. We make software to serve some other purpose. The software itself _is a liability_. It’s expensive to create, it’s complicated to maintain, and it’s risky to change.

Software is more like surgery.

Nobody ever says “I want lots of surgery! Give me as much surgery as possible as quickly as possible.”

Rather, surgery is considered a last resort, when all other safer, cheaper, fastr options have been exhausted. And then you want the least amount of it possible to achieve your goal.

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
How to scroll to the top of a webpage with smooth scroll animation using JavaScript?
Tags: javascript
Published: 2021-05-02 00:00:00

---
  title: How to scroll to the top of a webpage with smooth scroll animation using JavaScript?
  published: true
  tags: JavaScript
  date: Sun May 02 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/scroll-to-top-of-webpage-smooth-animation-javascript
  cover_image: https://melvingeorge.me/_next/static/images/main-49c47de20ae99b3717b89d91b6af310d.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/scroll-to-top-of-webpage-smooth-animation-javascript)
  
To scroll to the top of the webpage with smooth scroll animation using JavaScript, you can use the `scrollTo()` method in the global `window` object and then pass an options object with the `top` property set to number value `0` and the `behavior` property set to string value `smooth`.

```js
// Scroll to the top of the webpage
// using the window.scrollTo() method
window.scrollTo({
    top: 0;
    behavior: "smooth"
});
```

- the `top` property says to navigate to the top position in reference to the window.
- and the `behavior` property set to `smooth` string makes the scrolling looks smooth.

See the above code live in [JSBin](https://jsbin.com/vajolojoko/1/edit?html,js,output)

### Feel free to share if you found this useful 😃.

---
Fugettaboutit
Published: 2021-05-01 13:22:46

Here comes my first app I created from scratch, sort of...
Anytime I work on any project, there's a fighting match between my ideals and objectives of the project in my mind.  This time was no exception but I was successfully able to let the objectives win, or I wouldn't be able to make it to the deadline. 

###Keep it simple
So what my little simple app does is to find a lyrics of the song by entering any keyword into search box, returns a list of 'suggestions', then a user clicks on one of the 'Get lyrics' buttons, it displays a lyrics. Then 'Clear search' button let a user to clear search results. 
Even with this simple user story, there were few obstacles that I knew I would have to tackle. so I said 'Fugettaoutit' to myself already have started wanting to make my app fancier, adding another fetch functions to display youtube videos of the songs.
![First app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n3izb3c9kjnrbg6cxrfp.png)

###Obstacles
To get my JavaScript right is the biggest hurdle of all.
First, need my API source site to return the data in the way I wanted. I asked a question to my instructor promptly before getting myself into a tunnel of try-fail. Thanks to my instructors guidance for time frame to keep up to speed. I said 'yes!' when I saw those tiny letters of data strings proceeded by a word 'promise' in my dev tool of Chrome.

Second, finding code and constructing them into function to get my app to work.  I did good planning and made a list of objectives before starting to write my code.  However since I was still not sure what words in what order exactly I can use, none of my code seems working. I got into my mix-and-match game of keywords, reserved words, methods and expressions... Not a good state.  So I started to look into my past lecture videos and forked repos of lab.  Then started feeling each one of the code pulling me in further study. 'Fugettaboutit! With all these days of juggling classes and work hours dragging my not-so-young body, there's no way at the point I magically understand and memorize them all by cramming them.'
Again thanks to my instructor's advise and Google, I somehow stumbled onto code I can reference and modify to my app. Then I studied and compared to my materials from lectures each code and changed parts to make more sense to myself. Then came the 2nd 'yes!' moment when my Live server displayed 'suggestions'!

##Learning curve
I can't seem to point to what problem I had to get project to work.  In my case problem resided in managing time.  I love learning new things however I tend to overwhelm myself by try to learn more than I can absorb or needs for time being. Tackling one issue leads to another and blocks the flow.  'Fugettaboutit!  Why can't you just copy what you've learn and move on?  Stop deep digging..'
After all, reviewing through my code writing this, I noticed slight change in my way to read the code.  They actually started growing into symbolic state and making sense to me.