Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng [nhãn và đầu vào sẽ xếp chồng lên nhau thay vì cạnh nhau trên màn hình nhỏ hơn]
Tự mình thử »
Bước 1] Thêm HTMLSử dụng một
yếu tố để xử lý đầu vào. Bạn có thể tìm hiểu thêm về điều này trong hướng dẫn PHP của chúng tôiThêm đầu vào [có nhãn phù hợp] cho từng trường và bọc một
phần tử xung quanh mỗi nhãn và đầu vào để đặt chiều rộng được chỉ định bằng CSS
Ví dụ
Tên
Họ
Quốc gia
Chủ đề
Bước 2] Thêm CSS
Ví dụ
/* Nhập kiểu, chọn thành phần và vùng văn bản */
nhập [type=text], chọn, vùng văn bản{
chiều rộng. 100%;
phần đệm. đường viền 12px;
. 1px solid #ccc;
bán kính đường viền. 4px;
kích thước hộp. hộp viền;
thay đổi kích thước. dọc;
}
/* Định kiểu nhãn để hiển thị bên cạnh đầu vào */
nhãn {
phần đệm. 12px 12px 12px 0;
hiển thị. khối nội tuyến;
}
/* Tạo kiểu cho nút gửi */
input[type=submit] {
màu nền. #04AA6D;
màu. màu trắng;
phần đệm. đường viền 12px 20px;
. none;
bán kính đường viền. 4px;
con trỏ. con trỏ;
float. phải;
}
/* Tạo kiểu cho vùng chứa */
. vùng chứa {
bán kính đường viền. 5px;
màu nền. #f2f2f2;
phần đệm. 20px;
}
/* Cột nổi cho nhãn. 25% chiều rộng */
. col-25 {
float. trái;
chiều rộng. 25%;
lề trên. 6px;
}
/* Cột nổi cho đầu vào. 75% chiều rộng */
. col-75 {
float. trái;
chiều rộng. 75%;
lề trên. 6px;
}
/* Xóa số float sau các cột */
. hàng ngang. sau {
nội dung. "";
hiển thị. bảng;
xóa. cả hai;
}
/* Bố cục đáp ứng - khi màn hình rộng dưới 600px, hãy đặt hai cột xếp chồng lên nhau thay vì đặt cạnh nhau */
@màn hình phương tiện và . 600px] {
. col-25,. col-75, input[type=submit] {
chiều rộng. 100%;
lề trên. 0;
}
}
Mẹo. Đi tới Hướng dẫn Biểu mẫu HTML của chúng tôi để tìm hiểu thêm về Biểu mẫu HTML
Mẹo. Truy cập Hướng dẫn biểu mẫu CSS của chúng tôi để tìm hiểu thêm về cách tạo kiểu cho các phần tử biểu mẫu
ValueDescriptionDemobaseline Phần tử được căn chỉnh với đường cơ sở của phần tử gốc. Đây là defaultDemo ❯lengthTăng hoặc giảm phần tử theo độ dài đã chỉ định. Cho phép giá trị âm. Đọc về đơn vị độ dàiDemo ❯%Tăng hoặc giảm phần tử theo phần trăm của thuộc tính "line-height". Giá trị âm được phép . Đọc về khởi tạo Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về thừa kế
Ngày càng có nhiều công ty sử dụng thử thách HackerRank để xử lý các ứng viên kỹ sư của họ. Nếu bạn không quen thuộc với HackerRank, nó cung cấp các thử thách lập trình cạnh tranh nơi các nhà phát triển cạnh tranh bằng cách cố gắng lập trình theo các thông số kỹ thuật được cung cấp. Bài nộp của những người tham gia được xếp loại theo độ chính xác của đầu ra
HackerRank thách thức
- Các thử thách được tính thời gian, đảm bảo bạn không bị quấy rầy và tập trung. 20–30% thành công của bạn đến từ sự quen thuộc với hệ thống. Trước khi bạn bắt đầu thử thách viết mã thực sự, hãy thử những thử thách khác, chẳng hạn như. g. khởi động thuật toán. Đảm bảo bạn biết cách thực thi và gửi mã của mình
- Hiểu ngôn ngữ lập trình được phép cho bài kiểm tra. Nếu ngôn ngữ bạn chọn không có sẵn, hãy thực hành ngôn ngữ khác
- Thông thường, có nhiều vấn đề cần giải quyết trong mọi thử thách và thật sai lầm khi bắt đầu với vấn đề khó nhất. Một cách tiếp cận tốt là giải - các bài toán theo thứ tự thời gian/độ khó tăng dần. Đọc sơ qua chúng trước và quyết định trình tự thực hiện
- Cố gắng giảm thiểu thời gian chuyển đổi giữa các vấn đề sau khi thực hiện. Bạn có thể dành thêm thời gian để đảm bảo rằng đó là lần triển khai “cuối cùng” và không quay lại lần nữa
- Mọi vấn đề đều có trường hợp thử nghiệm công khai và riêng tư. Điểm số của bạn dựa trên cả hai. Nếu việc triển khai mã vượt qua tất cả các trường hợp thử nghiệm công khai, nó sẽ không vượt qua tất cả các trường hợp thử nghiệm riêng tư. Hãy suy nghĩ về các tình huống cạnh, e. g. đầu vào trống, đầu vào một phần tử, hai phần tử, nhiều phần tử, v.v. Môi trường HackeRrank cho phép bạn chạy mã trên các bài kiểm tra tùy chỉnh của mình. Gửi ít nhất một cái gì đó cho mọi vấn đề. Dễ dàng nắm bắt một số điểm ngay cả khi bạn không biết cách giải quyết vấn đề. Tuy nhiên, nếu bạn - không biết cách giải quyết tất cả các vấn đề, hãy cố gắng tìm ra ít nhất một
- Chuẩn bị tại nhà tạo nên sự khác biệt. một số mẫu có thể hữu ích vì bạn có thể sao chép-dán chúng trong thử thách. Ví dụ: BFS/DFS/Tìm kiếm nhị phân
- Thực hành đầu tiên càng nhiều càng tốt. Bạn có thể thử giải ít nhất một bài toán từ mọi miền con thuật toán
- Một kết quả tốt không phải là phép màu, đó là sự luyện tập và đổ mồ hôi
Vấn đề phỏng vấn Full Stack
Gần đây, tôi đang giải một số câu hỏi chứng nhận full stack và tôi thấy những Câu hỏi thú vị đó đơn giản hơn nhưng chúng có vẻ rất dài vì chúng cung cấp mã soạn sẵn ban đầu. Bạn có thể thử vì chúng sẽ giúp bạn được xếp vào những công ty tốt
Các loại vấn đề mã hóa
- Cấu trúc dữ liệu và Algo [Cần chuyên môn]
- Câu hỏi dựa trên công nghệ [SQL, NODEJS, REACT, ANGULAR]
Câu hỏi dựa trên công nghệ có thể dễ dàng khi bạn đã quen thuộc với khuôn khổ hoặc công nghệ đó và ngày nay các cuộc phỏng vấn cũng tập trung vào các vấn đề dựa trên ngăn xếp đầy đủ như sự cố trong nodejs, phản ứng, góc cạnh. Bây giờ tôi sẽ cung cấp cho bạn cách tốt nhất có thể để trợ giúp và cải thiện những loại câu hỏi đó
- chứng chỉ node js cơ bản
- chứng nhận nút js trung gian
- chứng nhận cơ sở góc cạnh
- chứng nhận trước góc
- Chứng nhận API
- Chứng chỉ SQL
- Chứng nhận phản ứng cơ bản và trung cấp
- và nhiều thứ khác nữa
https. //www. youtube. com/watch?v=9VrIVb4TW08&list=PLIGDNOJWiL1-zFrkBEHCSs0AisJvvQC2b Ở đây chúng tôi có danh sách các Video tôi đã trình bày về Chứng nhận HackerRankY bạn có thể kiểm tra và Học hỏi từ nó và Crack Jobs