teleren/devto huggingface dataset:
Why are Semantic HTML tags not used on so many pages?
Published: 2022-09-01 06:14:33

I have read articles explaining the benefits of using semantic tags like section, article, nav, etc., so I am aware of semantic HTML. On paper, everything makes sense: improved SEO and accessibility.

But after that, I wanted to look at a real-world example of how a website was actually implemented. I was shocked to see that these tags are not used when I looked at Facebook, Netflix, and Google. Instead, it is simply a collection of nested divs, which every guide advises against using. On Twitter, things are a little better, although some tags—for instance, section—remain absent.

[youtube thumbnail grabber](https://youtube-thumbnail-grabber.net/ 
)
Enable BIOS / UEFI Virtualization setting when you can't find it on Windows 10
Tags: docker, cloud, testing
Published: 2022-09-01 06:10:47

I recently had trouble installing Docker on my Windows 10 HP Folio Ultrabook machine. The reason is that Virtualization and Hyper-v were not enabled. To enable VTx, I have to access UEFI virtualization settings via the BIOS. 

However, accessing the UEFI settings was a unique problem. I couldn't find the BIOS/UEFI settings by following the standard steps. 

It took me a while to be able to enable the virtualization on my computer.

![Virtualization-Enabled-Windows](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/faz69i0hgqpmdtwtcumu.png)

So in case, you are also having trouble enabling virtualization on your computer, here are the steps I took.

## Step 1: Access your BIOS Menu

The first thing I did was turn off my PC and restart it. Following that, I quickly pressed the Escape key "ESC" until the BIOS menu came up. Then I pressed F10 (yours may be different) to select the BIOS Setup.

![Windows BIOS Menu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5zijh5rage9n24dliv98.png)

Now am in the BIOS menu. 

## Step 2: System Configuration

Depending on your system, you may see the options here, but for mine, I clicked on the _System Configuration_ Tab at the top of the screen. This leads me to the last step.

## Step 3: Device Configurations

Now on some systems, you are going to see the virtualization option on the list, but I couldn't find it on my own system. I found it in the *Device Configurations* menu before scrolling down a little to enable the Virtualization. 

![Device Configuration](https://cdn.hashnode.com/res/hashnode/image/upload/v1661903665637/sNn8KdPok.png)

To enable it, simply check the *Virtualization Technology (VTx)* option. Then save and exit (make sure you agree "yes" to save changes).

**PS:** Next to the *Virtualization Technology (VTx)* there is *Virtualization Technology for Directed I/O (VTd)*, you may need to check this if after checking only the VTx option your virtualization wasn't enabled.

## Verifying the changes
Now, restart your PC and open up the Task Monitor. Click on the Performance tab and scroll down to see if Virtualization has been enabled, by now you should see the changes.

Good luck installing Docker.

Use the comment box below in case you are having any issues.
What is JavaScript?
Published: 2022-09-01 06:04:53

JavaScript is a programming language that allows you to implement features on web pages.

JavaScript light-weight object-oriented programming language.

It was introduced in the year 1995 for adding programs to the webpages in the Netscape Navigator browser.

JavaScript can update and change both HTML and CSS.

JavaScript can calculate, manipulate and validate data.

It turns static HTML web pages into interactive web pages by dynamically updating content, validating form data, controlling multimedia, animate images, and almost everything else on the web pages.

For more Download our free JavaScript Resources ebook Here: [click here](https://codemarch.gumroad.com/l/udhhj)
Improve Development Productivity
Published: 2022-09-01 04:50:43

Usually, if you run into working with team, you might want to speed up a little on cloning the codes, and some of the steps required for your application.

For me, I do this:

1. Create `.bin` directory
2. `.bin` contained any bash scripts that needed for my team to use.

In this post, just a use case: 

First time cloning the repository, what need to be done next? I wrote the following code in `.bin/install`:

**TLDR;**

```bash
#!/usr/bin/env bash

[ ! -d vendor/ ] && composer install

[ ! -f .env ] && cp .env.example .env && php artisan key:generate

[ ! -d node_modules/ ] && npm install && npm run build

[ ! -f todo.md ] && touch todo.md
```

Above are the baseline, you may add as you see fit.

So each time the code get cloned, just run `. .bin/install`.

Just a small improvement of productivity. :)
Data Engineering 102: Introduction to Python for Data Engineering.
Tags: python, programming, dataengineering, data
Published: 2022-09-01 05:52:42

Python is an interpreted, object-oriented, high-level programming language. It is an easy to grasp language with easy to implement syntax. it is usually the preferred go to language for professions working with data, i.e. Data Scientists, analysts and Data engineers.
As a data engineer python comes in hand, because it offers a variety of tools to work with.
###Python libraries for data engineering
- **pandas** - its quite a popular library, often used for often use it for reading, writing, querying, and manipulating data.
- **Psycopg2, pyodbc, sqlalchemy** - mostly used by data engineers to interact with data stored in relational databases.
- **Elasticsearch** - unlike pyscopg2, pyodbc and sqlalchemy which are used to access structured or relational databases. Elasticsearch library is used to interact with NoSQL databases.
- **SciPy** - used by data engineers to perform scientific mathematical calculations on their data.
- **BeautifulSoup** - BeautifulSoup is a library mainly used by data engineers to extract information from websites to process it to meaningful data.
- **PySpark** - PySpark is a very popular API from python used to process large sets of data, it leverages parallel computing principle in a highly efficient.

An aspiring data engineer should consider learning python since  it can be used for acquiring data, data ingestion, manipulating data and creation of insightful dashboards.
Unordered lists need love too
Tags: html, beginners, bootcamp
Published: 2022-09-01 05:51:38

Ok, so the next best thing to ordered lists for an ADHD brain are unordered lists. These are great for to-do lists, or just list of items to retrieve - no particular order is needed.

Like the ordered list, there are two sets of open/close tags that we use to make an unordered list.

First, we have the `<ul>` tags. These work the same exact way as the ordered lists `<ol>` tags in that they define the beginning and end of the unordered list.

Second, we have the `<li>` tags, which work exactly the same as the ordered list's `<li>` tags in that they define the contents of each item in the list.

#####Example time!
#####Here is the code as written:
```
House chores:
<!Doctype html>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li>Dishes</li>
<li>Kitchen counters</li>
<li>Floors</li>
<li>The bane of my existence - the cat litter</li>
</ul>
</body>
</html>
```

(Forgive the long code, but I discovered that since I use VS Code, I don't really remember the skeleton of an HTML page. I decided to remedy this, I should exercise the retrieval of that memory by recreating it each time in each example. :D)

#####Here is the code as I intend the user to view it:
House chores:
<html><head><title></title></head><body>
<ul>
<li>Dishes</li>
<li>Kitchen counters</li>
<li>Floors</li>
<li>The bane of my existence - the cat litter</li>
</ul>
</body>
</html>

It's true, cat litter is the worst. -_-;<hr>One weird thing I discovered when using html with this blog:
I needed to change the code that I have in the code block above in order to display the intended view as I _truly_ intended the user to view it. I had to remove the `<!Doctype html>` tag completely, and then put the following 6 tags in one line like so: `<html><head><title></title></head><body>`<hr><p>It's bedtime now. 🥱😴</p>
Ordered lists, my favorite kind
Tags: html, beginners, bootcamp
Published: 2022-09-01 05:30:41

Ordered lists

So, I can't help myself... As an ADHD brain, I need lists, and ordering them is crucial since our brains have trouble with prioritization, so I was obviously happy to find out how to use ordered lists in HTML. ;D

According to the videos, ordered lists are described as a way to present lists in a clean and presentable/consumable way. There are two sets of open/close tags that we use to make an ordered list.

First there are the `<ol>` tags, which wrap around the items that make up the ordered list. The `<ol>` tags define the beginning and ending of the whole ordered list.

Second, the `<li>` tags, which wrap around the individual items of the list. These define what text is in each item on the list.

#####Example time!
#####Here is the code as written:
```
Shopping list:
<ol>
<li>Dog toy for my dog</li>
<li>Squeaky toy for me</li>
<li>Treat for my dog</li>
<li>Whole cake for me, because I am an adult, and <strong>no one</strong> can stop me anymore >:D </li>
</ol>
```
#####Here is the code as I intend the user to view it:
Shopping list:
<ol>
<li>Dog toy for my dog</li>
<li>Squeaky toy for me</li>
<li>Treat for my dog</li>
<li>Whole cake for me, because I am an adult, and <strong>no one</strong> can stop me anymore >:D </li>
</ol>

Yes, the list is real. Don't judge me. ;P

On to the next lesson!!! 


![To the next video!!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b7vjks2phb6gbvzb7ny0.jpeg)
How to List Users Assigned to an Application and Save Users Into a Table
Tags: nocode, workflows, video, tutorial
Published: 2022-09-01 17:51:38

---
title: How to List Users Assigned to an Application and Save Users Into a Table
published: true
date: 2022-09-01 05:30:40 UTC
tags: NoCode, Workflows, Video, Tutorial
canonical_url: https://maxkatz.net/2022/07/21/how-to-list-users-assigned-to-an-application-and-save-users-into-a-table/
---

[Okta Workflows](https://www.okta.com/platform/workflows/) how-to guides are questions and answers from weekly community [office hours](https://calendly.com/oktaworkflows/group-office-hours-okta-workflows), MacAdmins [Workflows Slack channel](https://www.macadmins.org/), and other places. 

Read all the other how-to guides ⤵️
{% embed https://dev.to/oktaworkflows/all-okta-workflows-how-to-guides-4nl9 %}

On to the question. 

**_How to list users assigned to an application and save users into a table?_**

[![List users assigned to applications, save to a table flows](https://katzmax.files.wordpress.com/2022/07/workflows_howto_uses_assigned_application.png?w=1024)](https://katzmax.files.wordpress.com/2022/07/workflows_howto_uses_assigned_application.png)
<figcaption>List users assigned to applications, save to a table flows</figcaption>

In this video you will learn:

- How to list users assigned to an application
- How to stream users to a helper flow in order to save them to a Workflows table

{% youtube D6t0WmszQ7o %}

* * *

**More resources to help you learn**:

📺 Short how-to [Workflows videos](https://youtube.com/playlist?list=PLIid085fSVdvyK8F4xuk49EchBPmAVNHG) to help you become a better automation builder.

🍭 A collection of helpful [Workflows tips](https://maxkatz.net/okta-workflows-tips/).
Batched updates in react
Published: 2022-09-01 05:30:25

## What are batched updates in react

To put it simply, for better performance react is going to combine multiple state updates into a single state update. 

So for e.g. if you have multiple `setState` inside of the same click event then react is going to cause a render only once and combine all those state updates into a single update which will cause the render. 

This may come as a surprise as we previously know that react causes a render whenever it encounters a `setChange` method.

### What do you think will be the output of the code below in the console after the button is clicked?
```javascript
class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      counter: 0,
      flag: false,
    }
  }

  handleButtonClick = (event) => {
    console.log("Button clicked");

    this.setState({
      counter: this.state.counter + 1,
    });

    this.setState({
      flag: !this.state.flag,
    });
  }

  render() {
    return (
      <>
        <h1>{`Counter: ${this.state.counter}`}</h1>
        <h1>{`Flag: ${this.state.flag}`}</h1>

        <button onClick={this.handleButtonClick}>Click me</button>

        {console.log("render")}
      </>
    );
  }
}
```


### Let's walk through the above example:
I'm making a class component called `App` and inside it, there are two values that are getting initialized inside the constructor: `counter` and `flag`. I will change these values whenever the button is clicked through the `onClick` event by passing in `handleButtonClick` function. This function will update the state of the `counter` and `flag` but it calls `setState` twice.

### What you might expect to happen:
Firstly,  "render" is output once due to the initial render. Then when the button is clicked "render" will be output twice because you called `setState` twice.

### What actually happens:
Same initial "render" output, but when the button is clicked, "render" is output only once to the console. This shows us that react batches multiple `state` into a single update which causes the render.

Hope you now understand what batched updates are in React. If you find any mistakes here kindly let me know in the comments.
Figma
Tags: figma, uiux, ui, design
Published: 2022-09-01 05:24:05

ডিলান ফিল্ড এবং ইভান ওয়ালেস ব্রাউন ইউনিভার্সিটিতে কম্পিউটার বিজ্ঞান পড়ার সময় ২০১২ সালে ফিগমা নিয়ে কাজ শুরু করেন। ফিগমা এর মূল উদ্দেশ্য ছিল “একটি ব্রাউজারে বিনামূল্যে, সহজে যেকেউ ব্যবহার করতে পারে এবং যে কোনও জায়গায় কাজ করতে পারে।।” ফিগমা , ৩ ডিসেম্বর, ২০১৫ এ একটি বিনামূল্যের আমন্ত্রণ শুধুমাত্র পূর্বরূপ প্রোগ্রাম অফার করা শুরু করেছিল। এটি পরবর্তীতে ২৭ সেপ্টেম্বর, ২০১৬ -এ প্রথম সর্বজনীন প্রকাশ করে।


## 📌কেন ফিগমা ব্যবহার করা উচিত ?

🟢 এটি সবার জন্য ফ্রি একটি টুল।
🔴 ওয়েব এবং ডেস্কটপ উভয় অ্যাপের জন্য এবং কোনো বাধা ছাড়াই কাজ করা যায়।
🔵 এটি একটি কোলাবরেটিভ (collaborative) টুল। এখানে একই সাথে টিমের মাধ্যমে কাজ করতে পারবে।
🟣 Windows , macOS এবং Linux এ কাজ করে।
🟠 এটি একটি ওয়েব-বেস এ্যাপ্লিকেশন।

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0gtfaxnlbfr84rxnzq4q.jpg)

## 📌ফিগমা দিয়ে কি করা হয়?
ফিগমা একটি ডিজাইন এবং প্রটোটাইপিং টুল যেটার মধ্যমে যেকোনো **ইউজার ইন্টারফেস(UI)** এবং **ইউজার এক্সপেরিয়েন্স(UX)** তৈরি করা যায়। ওয়্যারফ্রেমিং ওয়েবসাইট, মোবাইল অ্যাপ ইন্টারফেস ডিজাইন, প্রোটোটাইপিং ডিজাইন, সোশ্যাল মিডিয়া পোস্ট ক্রাফটিং এবং এর মধ্যে সবকিছু থেকে সমস্ত ধরণের গ্রাফিক ডিজাইনের কাজ করতে এটি ব্যবহার করা হয়ে থাকে ৷

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sn1yhkjt1jsabktnocjm.png)

**📌ইউজার ইন্টারফেস (UI) কি?**
ইউজার ইন্টারফেস ডিজাইন হলো এই ইন্টারফেসগুলিকে কীভাবে দেখায় এবং কীভাবে আচরণ করে তা ডিজাইন করার প্রক্রিয়া।

যেমন আপনি শপিং করার জন্য আপনার স্মার্টফোনে একটি এ্যাপ ব্যবহার করছেন। আপনি যে স্ক্রিনগুলি নেভিগেট করেন, আপনি যে বোতামগুলি ট্যাপ করেন এবং আপনি যে ফর্মগুলি পূরণ করেন তা সবই ইউজার ইন্টারফেসের অংশ।

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oek2adi7xwrym61bse6a.png)

## 📌ইউজার এক্সপেরিয়েন্স (UX) কি ?
ডিজাইন করার প্রক্রিয়া যেগুলি উপযোগী, ব্যবহার করা সহজ এবং ইন্টারঅ্যাক্ট করতে আনন্দদায়ক। একটি ডিজিটাল পণ্য বা ওয়েবসাইটের সাথে ইন্টারঅ্যাক্ট করার সময় একজন ব্যবহারকারী যে অভিজ্ঞতার মধ্য দিয়ে যাবে তাই ইউজার এক্সপেরিয়েন্স(UX) ডিজাইন।

ধরেন আপনি ফ্লাইটের টিকিট কাটার জন্য একটি এ্যাপ ব্যবহার করেছেন এবং এই এ্যাপের ডাটাগুলো কত দ্রুত লোড হয় , পরবর্তী পেইজে যেতে কত সময় নেয় এই সবই হলো ইউএক্স।

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8b3qeh8xsip3u4nkw872.png)

📖 **Happy Reading!** ❤️
Count Good Nodes in Binary Tree
Tags: python, leetcode
Published: 2022-09-01 05:04:06

Given a binary tree root, a node X in the tree is named good if in the path from root to X there are no nodes with a value greater than X.

Return the number of good nodes in the binary tree.



```py
# Definition for a binary tree node.
# class TreeNode:
#     def __init__(self, val=0, left=None, right=None):
#         self.val = val
#         self.left = left
#         self.right = right

class Solution:
    def goodNodes(self, root: TreeNode) -> int:
      
      def checkNode(node,val):
        if(node == None):
            return 0
        
        op = 0
        if(node.val >= val):
            op = 1
        
        val = max(val,node.val)
        return op + checkNode(node.left,val) + checkNode(node.right,val)
    
      return checkNode(root,root.val)

```
How to Run a Flow Just Once or Manually
Tags: nocode, workflows, testing, ipaas
Published: 2022-09-01 17:04:25

---
title: How to Run a Flow Just Once or Manually
published: true
date: 2022-09-01 04:46:27 UTC
tags: NoCode, Workflows, testing, ipaas
canonical_url: https://maxkatz.net/2022/07/15/how-to-run-a-flow-just-once-or-manually/
---

[Okta Workflows](https://www.okta.com/platform/workflows/) how-to guides are questions and answers from weekly community [office hours](https://calendly.com/oktaworkflows/group-office-hours-okta-workflows), MacAdmins [Workflows Slack channel](https://www.macadmins.org/), and other places. 

Read all the other how-to guides ⤵️
{% embed https://dev.to/oktaworkflows/all-okta-workflows-how-to-guides-4nl9 %}

On to the question. 

**_How to run a flow just once or manually?_**

To run a flow once use the **Test** button. Even though it says test, you can use to run a flow one time.

[![Running a flow with the Test button](https://katzmax.files.wordpress.com/2022/07/workflows_howto_runflowonce.png?w=1024)](https://katzmax.files.wordpress.com/2022/07/workflows_howto_runflowonce.png)
<figcaption>Running a flow with the Test button</figcaption>

You might also want to run a flow more than once but manually (without automatic [triggering](https://dev.to/maxkatz/how-to-trigger-a-flow-6-ways-to-run-a-flow-27ch-temp-slug-4902103)). Use the same **Test** to run the flow manually.

Learn about all the other ways to trigger a flow in our [How to Trigger a Flow – 6 Ways to Run a Flow](https://dev.to/maxkatz/how-to-trigger-a-flow-6-ways-to-run-a-flow-27ch-temp-slug-4902103) how-go guide.

* * *

📺 Short how-to [Workflows videos](https://youtube.com/playlist?list=PLIid085fSVdvyK8F4xuk49EchBPmAVNHG) to help you become a better automation builder.

🍭 A collection of helpful [Workflows tips](https://maxkatz.net/okta-workflows-tips/).
4 IDEs for Python programming
Tags: python, ide, programming
Published: 2022-09-01 04:42:16

If you want to start in python programming, you have some options for coding and here I will talk about them.


#4 - CMD or Terminal

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wb8w3xrvl7qigjoj2orc.png)

_Not at all, this would be the best option for a big project, but some people like this._


#3 - IDLE Shell

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/225elzlk5wtx619evwus.png)

_This has more functions than the previous ones and you can have better management of your code._


#2 - Visual Studio Code

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ro4uzn7vzh4lib3ustv.png)

_I personally don't like programming Python in VS code, but it can be useful with its plugins and tools '-'_

#1 - Pycharm (Community or Professional)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4gaaj1nlf8k5sthhizlo.png)

_I am questionable to say about PyCharm, I started programming on it, so it's my favorite haha :)_


##If you know of any others, comment on this post, I'd love to know ^^
Simple CSS Carousel
Tags: css, beginners, tutorial
Published: 2022-09-01 03:52:08

A simple CSS Carousel. For more CSS Carousels visit - [xcattx.com](https://xcattx.com/css-carousels/)

## The Html Part

```html
<!DOCTYPE html>
<html lang="en" >
<head>
  <title></title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
</head>
<body>
  <figure>
<div class="carousel dissolve">
  <div class="items">
      <img class="item" src="https://farm8.staticflickr.com/7020/6767599565_e0ffee2813_d.jpg" alt="">
      <img class="item" src="https://farm8.staticflickr.com/7016/6767598507_21720ed21f_d.jpg" alt="Seven to ten at Leeds &amp; Holbeck">
      <img class="item" src="https://farm8.staticflickr.com/7163/6767596393_8f8b9609ec_d.jpg" alt="Banksy">
      <img class="item" src="https://farm8.staticflickr.com/7004/6767593255_ae68f10fac_d.jpg" alt="Bristol autumn">
   </div>
</div>
</figure>
</body>
</html>
```
## The CSS Part

```css
.dissolve {
  width: 287px;
  height: 430px;
  position: relative;
  overflow: hidden;
}
.dissolve .item {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  animation: dissolve 8s linear infinite;
}
.dissolve .item:nth-child(2) {
  animation-delay: 2s;
}
.dissolve .item:nth-child(3) {
  animation-delay: 4s;
}
.dissolve .item:nth-child(4) {
  animation-delay: 6s;
}
@-webkit-keyframes dissolve {
  0%,
  30%,
  100% {
    opacity: 0;
  }
  5%,
  25% {
    opacity: 1;
  }
}
@-moz-keyframes dissolve {
  0%,
  30%,
  100% {
    opacity: 0;
  }
  5%,
  25% {
    opacity: 1;
  }
}
@-ms-keyframes dissolve {
  0%,
  30%,
  100% {
    opacity: 0;
  }
  5%,
  25% {
    opacity: 1;
  }
}
@keyframes dissolve {
  0%,
  30%,
  100% {
    opacity: 0;
  }
  5%,
  25% {
    opacity: 1;
  }
}
/* Just a decoration */
@font-face {
  font-family: 'Trykker';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/trykker/v21/KtktALyWZJXudUPztN7iPQ.ttf) format('truetype');
}
img {
  max-width: 100%;
  display: block;
}
body {
  font-family: 'Trykker', serif;
  padding: 1em;
  background-color:#000000;
}
figure {
  width: 287px;
  margin: 10px auto 0;
}
figure .carousel {
  width: 287px;
  box-shadow: 0 0 0 10px #fff, 0 0.3em 0.8em 10px black;
}
figure figcaption {
  text-transform: uppercase;
  margin-top: 10px;
  padding-top: 0.5em;
  font-size: 1.2em;
  text-align: center;
  color: #999;
  text-shadow: 0 -0.1em 0 rgba(0, 0, 0, 0.6);
}
figure figcaption:before,
figure figcaption:after {
  content: "\2014";
  font-family: "Times New Roman", serif;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.2);
}
figure figcaption:before {
  margin-right: 0.3em;
}
figure figcaption:after {
  margin-left: 0.3em;
}
figure p {
  color: #999;
  text-align: center;
}
figure p a {
  color: #06afd8;
}
```
## The Output


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d0b36rkv6tlkssiz17x1.gif)
基础前端工程师工作需求
Published: 2022-09-01 03:36:46

HTML+CSS

独立完成电商网站（JD，TM）
弹性布局和响应式布局
JS+JQuery

常见网页动效
下拉菜单
tab栏切换
回到顶部
网页电梯
轮播图
符合代码规范：轮播图有哪几大模块，怎么封装，可富用性怎么样，构造器成员怎么安排

AJAX发送网络请求
请求方式除了get、post还有什么，什么是restful风格接口，常用请求头属性、响应头属性有哪些，常用传输方式有哪些，什么是FromData，http和https有哪些不同

Node

nvm
安装/切换版本
写node接口
后端框架Express或Koa给前端页面提供接口
项目中跨域问题怎么处理
前端框架 Vue、React

单页面应用，比如电商商城配后台管理系统，
使用组件化开发，数据通行，路由、状态管理
高复用性、可拓展性强的组件
组件传值不同情况下选择什么传值方案
路由怎么实现多级路由的管理方案，如何实现约定式路由
状态管理 怎么管理多模块状态，异步状态管理如何解决
Vue + TypeScript

权限控制:角色权限，路由权限，按钮权限
对封装请求进行优化，如何有限管理异步请求，多层异步请求只能做到promise吗，响应有没有统一管理
类型管理除了书写接口、类型别名、泛型等
如何对各个模块类型进行高效管理
项目功能完成还需要进行优化如维护优化、用户体验优化、性能优化
微信小程序

如果还无法找到好offer:

面试表达能力

简历没有凸显优势

B站找相应教程 作者：胡一希 https://www.bilibili.com/read/cv18352975 出处：bilibili