Kategorier: Alle - testing - html - javascript - internet

av 熊田 英太郎 4 år siden

302

Front-end 岡本あずさ

In modern web development, understanding various technologies and tools is crucial for creating robust applications. Key areas include HTML, CSS, and JavaScript, each with its own set of best practices and frameworks.

Front-end 岡本あずさ

浮遊トピック

0:聞いたこともない

1:きいたことはある、触ったことはない

2:触ったことがある

3:週2回さわっている

佐藤文哉さん


bootstrap

Server Side Rendering(SSR)

Nuxt.js

Progressive Web Apps

Learn different Web APIs used in PWAs

Credentials
Payments
Debive Orientation
Notifications
Location
Service Workers
Web Sockets
Storage

Calculation, Measuring and improving performance

Using DevTools
Using Lighthouse
Performance Metrics
RAIL Model
PRPL Pattern

Type Checkers

TypeScript

You can fill all your testing needs with just these.

Learn the difference between Unit, Integration, and Functional tests and learn how to write them with the tools listed on left.

Jasmine

Ava

Chai

Mocha

Testing your Apps

Enzyme

cypress

react-testing-library

Jest

CSS first framework which don't come with JavaScript components by default.

JS based and better to use with your framework based JavaScript applications.

CSS Frameworks

Bulma

Materialize CSS

Bootstrap

Chakra UI

Tailwind CSS

Material UI

Web Components

Shadow DOM

Custom Elements

HTML Templates

Modern CSS

Emotion

Styled JSX

CSS Module

With how the modern frameworks there has been more push towards CSS-in-JS so you may not need these but still a good idea to familiarize yourself

JavaScript

Understand the concepts Hoisting, Event Bubbling, Scope, Prototype, Shadow DOM, Stirct,

ES6+ and modular JavaScript

Learn Tetch API/Ajax(XHR)

Learn DOM Manipulation

Syntax and Basic Constructs

CSS

Responsive design and Media Queries

Making Layouts

HTML

SEO Basics

Accessibility

Conventions and Best Practices

Forms and Validations

Writing Semantic HTML

Learn the basics

internet

What is hosting?

What is Domain Name?

DNS and how is works?

Browsers and how they work?

What is HTTP?

How does the internet work?

Pick a Framework

Vue.js

VueX

With modern frameworks and CSS-in-JS you don't have to worry about these anymore but still it would be a good idea to get familiarized with BEM atleast.

Build Tools

Task Runners

npm scripts

Linters and Formatters

ESLint
Prettier

CSS Preprocessors

PostCSS

Sass

1

CSS Architecture

BEM

Package Managers

yarn

npm

Web Security Knowlege

CORS

Content Security Policy

OWASP Security Risks

0

HTTPS

Version Control Systems(What are they and why you should use one

Basic Usage of Git

3

Repo hosting services

GitHub
2

Front-end

岡本あずさ ヒアリング日時10/5日