Frontend (Web) කරන අයගෙන් සප් එකක්

elektro

Well-known member
  • Apr 18, 2011
    6,085
    8,047
    113
    Tropical Island Of Sri Lanka
    Frontend කරන අයගෙන් පොඩි උපදෙසක් ඕන. programming knowledge එකක් තියෙන හැබැයි FE පැත්ත කරගන්න ඕන කෙනෙක්ට කරන්න හොද විඩියෝස් වගේ මොනවද? (Udemy ෆුල් කෝස් ෆලෝව් කරන්න නම් ටයිම් නැති කෙනෙක්ට ( angela එක හොදයි කියනවා)). roadmap.sh එකෙන් roadmap එක බලාගන්න පුලුවන්. ඒක නෙමේ ඕන

    වෙන්න ඕන මේකයි. එකපාර React අනන්මනන් නෙමේ . අද කාලෙට යන web development ට්‍රෙන්ඩ් එක්ක වෙබ් එකක් හදාගන්න පුලුවන් වෙන්න. HTML දන්නව. වැඩේ තියෙන්නේ CSS ටික අල්ලගන්න ඕන.

    1. CSS ටික අල්ලගන්න හොද විදිය.
    2. ඊට පස්සේ Responsive web development වලට අද කාලේ යන්න ඕන විදිය?bootstrap ද තාම යූස් වෙන්නේ?
    3. ඊට පස්සේ මේ දවස්වල යන CSS Framework එක මොකද්ද හොදටම ?ඒක කරගන්න විදියක්

    අදහස් ටිකක් ඕන.
     

    හෙළයෙක්

    Well-known member
  • Apr 26, 2014
    43,641
    88,083
    113
    ඕක කරන්න ලේසිම විධිය තමා free තියෙන figma එකක් හොයාගෙන ඒක බලාගෙන හදන ඒක.

    ඒ ඒ වෙලාවට ඕනි වෙන ටික document බලලා කරන්න ඕනි.


    Framework එක නන් tailwindcss හොදයි
     

    elektro

    Well-known member
  • Apr 18, 2011
    6,085
    8,047
    113
    Tropical Island Of Sri Lanka
    Css framework nm tailwind thsmi. Thama bootstrap use wenwa igenagaththta paduwak na. Puluwan tharam practice kralama thamai css godadagnna puluwan

    Up
    elakiri macha
    bootstrap igenagena tailwind karnna...mamath me dawsawal learn karanwa
    nice. monawada hoda resources?
    ඕක කරන්න ලේසිම විධිය තමා free තියෙන figma එකක් හොයාගෙන ඒක බලාගෙන හදන ඒක.

    ඒ ඒ වෙලාවට ඕනි වෙන ටික document බලලා කරන්න ඕනි.


    Framework එක නන් tailwindcss හොදයි
    uba kiana eka thama hodama. practical wedeth wenawa. but idea ekak thibbe ne boostrap ehema thamaa use wenawada kiala
     

    kolavari

    Well-known member
  • Aug 11, 2012
    33,738
    1
    25,678
    113
    කැළෑ පොජ්ජේ
    Css nam ohoma tutorial balala karanna amarui..eka patta complex ekak bn.. properties kiyak kiyala thiyenawa da...

    Theory allagattha unath, ekak gahanna giyama thamai hik gaawenne..mama kiyanne me nikan simple kotu kotu nemei.. transitions, effects ewa okkoma ekka, browser compatible widihata gahanwa kiyanne amaru scene ekak..

    Framework eka nam tailwind yanwa..but bootstrap use karanna awulk na.. tailwind ekata good and bad comments dekama thiynwa ithin..
     
    • Like
    Reactions: Psiko and elektro

    Psiko

    Well-known member
  • Mar 10, 2023
    8,042
    7,562
    113
    🤍
    Mama awe path eka dige

    Html , css, javascript , react , nextjs , php , laravel ohoma ohoma


    Mulinma css liyanakota wenama style.css kiyala eke css liyala import karala ehema karana eka okay but adjustments krnna enkot epawenawa , vscode eke window eken ekata maru wennai karadare

    It psse man tailwind gatta .., tutorial baluwata eka hena complex wage hithuna setup krnna eka pawa,

    hammata siri eka ita hapan una .. melo bada kadiththuwal therun na

    Atha arala dala parana css ma use kara

    Ita passe man aaaye tutorial ekk niwi sansille balala pawichchi kara. Ita passe tailwind documentation eka side eken thiyagena mata ona karana css wala tailwind code eka balala gahala kohom hri purudu una

    Dan tailwind arenna anikawa set wenne na.

    Godakma pahasu mahaa godak type krn one na

    Inline liuwahaki ..

    Hebai ithin code eke html+tailwindcss dekama pirenawa

    Eka purudu wenkn tikak aul wei
     
    • Like
    Reactions: elektro

    poopoo

    Well-known member
  • Nov 18, 2021
    5,766
    11,401
    113
    tried tons of different courses, bootcamps, MOOCs during 2022
    unfortunately, i never really got into frontend 'designing' :(

    wasted months for nothing

    good luck for you anyway
     
    • Like
    Reactions: elektro

    CaptainD

    Well-known member
  • Sep 20, 2023
    823
    720
    93
    Galle
    maath giya mase patan gatta :)

    Mama awe path eka dige

    Html , css, javascript , react , nextjs , php , laravel ohoma ohoma


    Mulinma css liyanakota wenama style.css kiyala eke css liyala import karala ehema karana eka okay but adjustments krnna enkot epawenawa , vscode eke window eken ekata maru wennai karadare

    It psse man tailwind gatta .., tutorial baluwata eka hena complex wage hithuna setup krnna eka pawa,

    hammata siri eka ita hapan una .. melo bada kadiththuwal therun na

    Atha arala dala parana css ma use kara

    Ita passe man aaaye tutorial ekk niwi sansille balala pawichchi kara. Ita passe tailwind documentation eka side eken thiyagena mata ona karana css wala tailwind code eka balala gahala kohom hri purudu una

    Dan tailwind arenna anikawa set wenne na.

    Godakma pahasu mahaa godak type krn one na

    Inline liuwahaki ..

    Hebai ithin code eke html+tailwindcss dekama pirenawa

    Eka purudu wenkn tikak aul wei
    framework learn karanna kalin CSS , HTML and JS practice wenna onada ?
    ------ Post added on Jul 17, 2024 at 10:52 PM
     
    • Like
    Reactions: Psiko

    Psiko

    Well-known member
  • Mar 10, 2023
    8,042
    7,562
    113
    🤍
    maath giya mase patan gatta :)


    framework learn karanna kalin CSS , HTML and JS practice wenna onada ?
    ------ Post added on Jul 17, 2024 at 10:52 PM
    Practice krl tibbahama oya kohe hri magadi erunoth dannawa ahh me hinda thamai mekan wenne kiyala ekak

    Mata help una kalin learn krpu eka
     
    • Love
    Reactions: CaptainD

    KSPathirana

    Well-known member
  • Apr 22, 2015
    5,175
    6,227
    113
    ඕක කරන්න ලේසිම විධිය තමා free තියෙන figma එකක් හොයාගෙන ඒක බලාගෙන හදන ඒක.

    ඒ ඒ වෙලාවට ඕනි වෙන ටික document බලලා කරන්න ඕනි.


    Framework එක නන් tailwindcss හොදයි
    කලින් එකෙක් nextjs ගැන අහපු වෙලෙත් උබ ඕක කිව්වා. මට හිතුනෙ එහෙම හරිනෑ කියලා. දැන්නම් තේරෙනවා උබ ඒ කියපු එක හරි කියල. 😍