feeedback

Roadmap

• Матрица Frontend разработчика от CBS
• Frontendhandbook 2017 (ENG)
• Неплохое руководство от Mozilla

Thanks to Лена:

• "Все" веб-технологии в одной mindmap
• Матрица компетентности программиста ч.I
• Матрица компетентности программиста ч.II
• Почему научиться программировать так чертовски тяжело

feeedback

Minesweeper

A clone of the classic game Minesweeper with 1,000,000 cells, built with regular-table.

<regular-table id="table"></regular-table>

Game State and Virtual Data Model

feeedback

const input = {
  a: '1',
  b: {
    c: '2',
    d: '3',
    e: {
      f: '4',
      g: {},
    },
  },

feeedback

(() => {
  // нужно открыть аудиозаписи ВК (свои или чужие), открыть консоль (F12) и скопировать код, нажать enter
  // когда откроет окно со списком, можно импортировать, например в https://music.yandex.ru/import

  const prettify = (str) =>
    str
      .toLowerCase()
      .replace(/ё/g, 'е')
      .replace(/[[|(].*?[a-zA-Z0-9а-яА-Я,!@#$%^&*()+-. ][)|\]].*?/g, ' ')
      .replace(/[^a-zA-Z0-9а-яА-Я ]+/g, ' ')

feeedback

{
  const formatS = (s = 0) =>
    `${Math.floor(s / 3600)}:${`${Math.floor(s / 60) % 60}`.padStart(2, 0)}:${`${s % 60}`.padStart(2, 0)}`;

  const getPlaylistDuration = () => {
    const videos = [
      ...document
        .querySelector('ytd-playlist-video-list-renderer')
        .parentElement.querySelectorAll('span.ytd-thumbnail-overlay-time-status-renderer'),
    ];

feeedback

/*
source: stackoverflow.com/a/52171480
author: stackoverflow.com/users/815680/bryc
license: i think CC BY-SA 4.0 stackoverflow.com/help/licensing
*/

// fastest and simple string hash function (10^9 hashes => zero collision)

// keys 20 length => 1050 hash/ms
// keys 50 length => 750 hash/ms

feeedback

// Open page Youtube playlist in browser
// Paste this JS code in console => Copy text on screen(or from console.log output)
// Paste to Trello card => new task in task list => press [Enter]
{
  console.clear();

  const formatS = (s = 0) =>
    `${Math.floor(s / 3600)}:${`${Math.floor(s / 60) % 60}`.padStart(2, 0)}:${`${s % 60}`.padStart(2, 0)}`;

  const getPlaylistToTrelloList = () => {

feeedback

// package.json
// "devDependencies": {
//   "eslint": "^8.2.0",
//   "eslint-config-airbnb-base": "^14.2.1",
//   "eslint-config-prettier": "^8.3.0",
//   "eslint-plugin-import": "^2.25.2",
//   "eslint-plugin-prettier": "^4.0.0",
//   "eslint-plugin-svelte3": "^4.0.0",
//   "prettier": "^2.4.1"
// }

feeedback

{"prefixes":{"tagPrefix001":{"equipment":"legsmelee,amulet,armsmelee,ring,armsmage,shield,headmelee,legsmage,torsomelee,headmage,torsomage,staff","levelRequirement":3,"name":"Pupil's","properties":[{"characterMana":"+50 Energy"}]},"tagPrefix002":{"equipment":"legsmelee,amulet,armsmelee,ring,jade.dbr,armsmage,shield,headmelee,legsmage,torsomelee,headmage,torsomage,staff","levelRequirement":12,"name":"Scholar's","properties":[{"characterMana":"+90 Energy"}]},"tagPrefix003":{"equipment":"legsmelee,amulet,armsmelee,pythia'sclasp.dbr,crystal.dbr,ring,jade.dbr,armsmage,shield,headmelee,legsmage,torsomelee,headmage,torsomage,staff","levelRequirement":25,"name":"Mentor's","properties":[{"characterMana":"+130 Energy"}]},"tagPrefix004":{"equipment":"legsmelee,amulet,armsmelee,pythia'sclasp.dbr,crystal.dbr,ring,armsmage,shield,headmelee,chinamonsterprefix,egyptmonsterprefix,legsmage,torsomelee,headmage,torsomage,staff","levelRequirement":32,"name":"Savant's","properties":[{"characterMana":"+170 Energy"}]},"tagPrefix005"

feeedback