Ogniste pytania rekrutacyjne dla WebDev. Uzupełnij wiedzę

Cezary Walenciuk

Ogniste pytania rekrutacyjne dla WebDev
Uzupełnij wiedzę

@walenciukC

Speaker
Pytania z HTTP
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
Pytania z Cookies
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Set-Cookie

                    
                        HTTP/2.0 200 OK
                        Content-type: text/html 
                        Set-Cookie: theme=dark 

                        //reszta
                    
                

blog
Copyright © 2021 Cezary Walenciuk

Cookie

                    
                        GET /blog.html HTTP/2.0 
                        Host: www.cezarywalenciuk.pl
                        Cookie: theme=dark 
                    
                

blog
Copyright © 2021 Cezary Walenciuk

document.cookie

                    
                        document.cookie = "theme=dark";
                    
                

blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Inne pytania z Cookies

Pytania z Performance
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Inne pytania z Performence

Security
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
Pytania z Programowania Funkcyjnego
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Curring

                    
                        const multiplayer = (a,b) => a * b;
                        const currierMultiplayer = a => b => a * b;

                        console.log(multiplayer(9,2));

                        const mutliplayer11 = currierMultiplayer(11);

                        console.log(mutliplayer11(7));
                        console.log(mutliplayer11(6));
                    
                

blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Higher-order functions

                    
                        const double = n => n * 2

                        [1, 2, 3, 4].map(double) // [ 2, 4, 6, 8 ]



                        [1, 2, 3, 4].map(function(n){
                            return n * 2
                        }) // [ 2, 4, 6, 8 ]
                    
                

Inne pytania z Programowania funkcyjnego

Przeglądarka
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Prevent Default

                    
                        document.querySelector("#id-checkbox")
                        .addEventListener("click", function(event) {

                            var text = "Sorry! <code>preventDefault()</code> won'!<br>"

                            document.getElementById("output-box").innerHTML += text;

                            event.preventDefault();

                        }, false);
                          
                    
                

Pytania z Async
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Promise

                    
                        const promise1 = new Promise((resolve, reject) => {

                                setTimeout(() => {
                                resolve('foo');
                                }, 300);

                        });
                          
                        promise1.then((value) => {

                            console.log(value);
                            // wynik: "foo"

                        });
                          
                        console.log(promise1);
                        // wynik: [object Promise]
                    
                

blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk

Async Function

                    

                        async function asyncCall() {
                            console.log('calling');
                            const result = await resolveAfter2Seconds();
                            console.log(result);
                            // wynik: "resolved"
                          }
                          
                        asyncCall();


                        function resolveAfter2Seconds() {
                            return new Promise(resolve => {
                              setTimeout(() => {
                                resolve('resolved');
                              }, 2000);
                            });
                          }
                          
                    
                

Pytania z CSS
                    
                        <p> Nie to </p>
                        <span>Nie to</span>
                        <div>Nie to</div>
                        <span>TO TO</span>
                        <span>Nie to</span>
                    
                
                    
                        /* Wybierz jeden */
                        A: div > span
                        B: div + span
                        C: div ~ span
                    
                

1: Która kombinacja selektorów będzie kierować tylko na element "TO TO"?

💡 Co jest poprawną odpowiedzią?

                    
                        <p> Nie to </p>
                        <span>Nie to</span>
                        <div>Nie to</div>
                        <span>TO TO</span>
                        <span>Nie to</span>
                    
                
                    
                        /* Wybierz jeden */
                        A: div > span
                        B: div + span
                        C: div ~ span
                    
                
F

1: Która kombinacja selektorów będzie kierować tylko na element "TO TO"?

💡 Co jest poprawną odpowiedzią?

                    B
                

Co się tutaj dzieje?

                    
                        <p> Nie to </p>
                        <span>Nie to</span>
                        <div>
                            <span>TO TO</span>
                            <span>TO TO</span>
                        </div>
                    
                
                    
                        /* Wybierz jeden */
                        A: div > span
                        B: div + span
                        C: div ~ span
                    
                

2: Która kombinacja selektorów będzie kierować tylko na element "TO TO"?

💡 Co jest poprawną odpowiedzią?

                    
                        <p> Nie to </p>
                        <span>Nie to</span>
                        <div>
                            <span>TO TO</span>
                            <span>TO TO</span>
                        </div>
                    
                
                    
                        /* Wybierz jeden */
                        A: div > span
                        B: div + span
                        C: div ~ span
                    
                

2: Która kombinacja selektorów będzie kierować tylko na element "TO TO"?

💡 Co jest poprawną odpowiedzią?

                    A
                
                    
                        <span>Nie to</span>
                        <div></div>
                        <p> Nie to </p>
                        <span>TO TO</span>
                        <span>TO TO</span>
                    
                
                    
                        /* Wybierz jeden */
                        A: div > span
                        B: div + span
                        C: div ~ span
                    
                

3 : Która kombinacja selektorów będzie kierować tylko na element "TO TO"?

💡 Co jest poprawną odpowiedzią?

                    
                        <span>Nie to</span>
                        <div></div>
                        <p> Nie to </p>
                        <span>TO TO</span>
                        <span>TO TO</span>
                    
                
                    
                        /* Wybierz jeden */
                        A: div > span
                        B: div + span
                        C: div ~ span
                    
                

3 : Która kombinacja selektorów będzie kierować tylko na element "TO TO"?

💡 Co jest poprawną odpowiedzią?

                    C
                
Pytania z CSS Runda 2
                    
                        <style> 
                        body { 
                           font-size : 20px;
                        }
                        
                        h1 { 
                           font-size : 1.5em;
                        }
                        </style>
                        
                        <h1> Titile </h1>
                    
                
                    
                        /* Wybierz jeden */
                        A: 1.5 px
                        B: 25 px
                        C: 30 px
                    
                

Jaki będzie rozmiar czcionki elementu h1 w pikselach?

💡 Co jest poprawną odpowiedzią?

                    
                        <style> 
                        body { 
                           font-size : 20px;
                        }
                        
                        h1 { 
                           font-size : 1.5em;
                        }
                        </style>
                        
                        <h1> Titile </h1>
                    
                
                    
                        /* Wybierz jeden */
                        A: 1.5 px
                        B: 25 px
                        C: 30 px
                    
                

Jaki będzie rozmiar czcionki elementu h1 w pikselach?

💡 Co jest poprawną odpowiedzią?

                    C
                
Chcesz więcej
😎
blog
Copyright © 2021 Cezary Walenciuk
blog
Copyright © 2021 Cezary Walenciuk