Reveal.js, ಉಬುಂಟು 20.04 ರಲ್ಲಿ CSS ಮತ್ತು HTML ಬಳಸಿ ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಿ

revel.js ಬಗ್ಗೆ

ಮುಂದಿನ ಲೇಖನದಲ್ಲಿ ನಾವು Reveal.js ಅನ್ನು ನೋಡೋಣ. ಈ ಸಾಫ್ಟ್‌ವೇರ್ ಮೂಲಕ ನಮಗೆ ಸಾಧ್ಯತೆ ಇರುತ್ತದೆ HTML ಮತ್ತು CSS ಬಳಸಿ ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಿ. ಇದು ಓಪನ್ ಸೋರ್ಸ್ HTML ಪ್ರಸ್ತುತಿ ಫ್ರೇಮ್‌ವರ್ಕ್ ಆಗಿದೆ, ಇದರೊಂದಿಗೆ ವೆಬ್ ಬ್ರೌಸರ್ ಹೊಂದಿರುವ ಯಾವುದೇ ಬಳಕೆದಾರರು ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ, ಜೊತೆಗೆ ಫ್ರೇಮ್‌ವರ್ಕ್ ಉಚಿತವಾಗಿ ನೀಡುವ ಎಲ್ಲಾ ಕಾರ್ಯಗಳನ್ನು ಬಳಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ.

ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಲು ಮಾತ್ರ ಮೂಲ ಸೆಟ್ಟಿಂಗ್‌ಗಳು. ಸಂಪೂರ್ಣ ಸಂರಚನೆಯು ಬಹಿರಂಗಪಡಿಸುವಿಕೆಯ ಎಲ್ಲಾ ಕಾರ್ಯಗಳು ಮತ್ತು ಪ್ಲಗಿನ್‌ಗಳಿಗೆ ಪ್ರವೇಶವನ್ನು ನೀಡುತ್ತದೆ, ಸ್ಪೀಕರ್ ಟಿಪ್ಪಣಿಗಳಿಗೆ, ಹಾಗೆಯೇ ಫಾಂಟ್‌ಗೆ ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡಲು ಅಗತ್ಯವಾದ ಅಭಿವೃದ್ಧಿ ಕಾರ್ಯಗಳು.

Reveve.js ನೊಂದಿಗೆ ಮಾಡಿದ ಪ್ರಸ್ತುತಿಗಳು ಮುಕ್ತ ವೆಬ್ ತಂತ್ರಜ್ಞಾನಗಳನ್ನು ಆಧರಿಸಿವೆ. ಇದರ ಅರ್ಥ ಅದು ವೆಬ್‌ನಲ್ಲಿ ನಾವು ಏನು ಮಾಡಬಹುದು, ಅದನ್ನು ನಮ್ಮ ಪ್ರಸ್ತುತಿಯಲ್ಲೂ ಮಾಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ. ನಾವು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಶೈಲಿಗಳನ್ನು ಬದಲಾಯಿಸಬಹುದು, ಐಫ್ರೇಮ್ ಬಳಸಿ ಬಾಹ್ಯ ವೆಬ್ ಪುಟವನ್ನು ಸೇರಿಸಬಹುದು ಅಥವಾ ಬಳಸಿ ನಮ್ಮದೇ ಆದ ಕಸ್ಟಮ್ ನಡವಳಿಕೆಯನ್ನು ಸೇರಿಸಬಹುದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ API ನೀವು ಏನು ನೀಡುತ್ತಿದ್ದೀರಿ.

ubunlog ಗೆ ಬಹಿರಂಗಪಡಿಸು. js ಉದಾಹರಣೆ

ಈ ಫ್ರೇಮ್ ಸೇರಿದಂತೆ ವ್ಯಾಪಕ ಶ್ರೇಣಿಯ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ ನೆಸ್ಟೆಡ್ ಸ್ಲೈಡ್‌ಗಳು, ಬೆಂಬಲ ಗುರುತು ಮಾಡಿಕೊಳ್ಳಿ, ಸ್ವಯಂಚಾಲಿತ ಅನಿಮೇಷನ್, ಪಿಡಿಎಫ್ ರಫ್ತು, ಸ್ಪೀಕರ್ ಟಿಪ್ಪಣಿಗಳು, ಲ್ಯಾಟೆಕ್ಸ್ ಬೆಂಬಲ ಮತ್ತು ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟ್.

ಉಬುಂಟು 20.04 ರಂದು ರಿವೀಲ್.ಜೆಎಸ್

Reveal.js ಸ್ಥಾಪನೆಯನ್ನು ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ನಾವು ಮೊದಲು ಕೆಲವು ಅಗತ್ಯ ಪ್ಯಾಕೇಜ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸುವುದು ಅಗತ್ಯವಾಗಿರುತ್ತದೆ. ಇದನ್ನು ಮಾಡಲು ನಾವು ಟರ್ಮಿನಲ್ ಅನ್ನು ತೆರೆಯಬೇಕಾಗುತ್ತದೆ (Ctrl + Alt + T) ಮತ್ತು ಅದರಲ್ಲಿ ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಿ:

ಅವಲಂಬನೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ

sudo apt install curl gnupg2 unzip git

ನಾವು ತೆಗೆದುಕೊಳ್ಳಬೇಕಾದ ಮುಂದಿನ ಹೆಜ್ಜೆ ನೋಡ್ಜೆಎಸ್ ಆವೃತ್ತಿ 14 ಅನ್ನು ಸ್ಥಾಪಿಸಿ, ಆವೃತ್ತಿ 10 ರಿಂದ ಇದು ಸಹ ಕಾರ್ಯನಿರ್ವಹಿಸಬೇಕು. ಇದಕ್ಕಾಗಿ ನಾವು ನೋಡ್ಜೆಸ್ ರೆಪೊಸಿಟರಿಯನ್ನು ಸೇರಿಸಬೇಕಾಗಿದೆ, ಅದೇ ಟರ್ಮಿನಲ್ ಅನ್ನು ಟೈಪ್ ಮಾಡುವ ಮೂಲಕ ನಾವು ಇದನ್ನು ಮಾಡಬಹುದು:

ನೋಡ್ಜೆಸ್ ರೆಪೊಸಿಟರಿಯನ್ನು ಸ್ಥಾಪಿಸಿ 14

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

ಇದು ನಿಮ್ಮ ಜಿಪಿಜಿ ಕೀಲಿಯೊಂದಿಗೆ ಭಂಡಾರವನ್ನು ಸೇರಿಸುವ ಸಂಪೂರ್ಣ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತದೆ. ಪ್ರಕ್ರಿಯೆಯು ಮುಗಿದ ನಂತರ, ನಾವು ಮಾಡಬಹುದು ನೋಡ್ಜೆಎಸ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ ಕೆಳಗಿನ ಆಜ್ಞೆಯೊಂದಿಗೆ:

ನೋಡ್ಜೆಸ್ 14 ಅನ್ನು ಸ್ಥಾಪಿಸಿ

sudo apt install nodejs

ಅನುಸ್ಥಾಪನೆಯು ಪೂರ್ಣಗೊಂಡಾಗ, ನಮಗೆ ಸಾಧ್ಯವಾಗುತ್ತದೆ ನೋಡ್ಜೆಎಸ್ನ ಸ್ಥಾಪಿತ ಆವೃತ್ತಿಯನ್ನು ಪರಿಶೀಲಿಸಿ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸುತ್ತಿದೆ:

ನೋಡ್ ಆವೃತ್ತಿ

node -v

Reveal.js ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ ಮತ್ತು ಸ್ಥಾಪಿಸಿ

ಈ ಸಮಯದಲ್ಲಿ, ಡೌನ್‌ಲೋಡ್ ಪ್ರಾರಂಭಿಸುವ ಸಮಯ. ಇದನ್ನು ಮಾಡಲು, ನಾವು ಮಾಡುತ್ತೇವೆ ಕ್ಲೋನ್ ರಿವೀಲ್.ಜೆಎಸ್ ರೆಪೊಸಿಟರಿಯನ್ನು ಜಿಟ್ ಬಳಸಿ. ಇದನ್ನು ಮಾಡಲು ನಾವು ಟರ್ಮಿನಲ್ ಅನ್ನು ತೆರೆಯಬೇಕಾಗುತ್ತದೆ (Ctrl + Alt + T) ಮತ್ತು ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಿ:

download.js ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

git clone https://github.com/hakimel/reveal.js.git

ಅಬೀಜ ಸಂತಾನೋತ್ಪತ್ತಿ ಮಾಡಿದಾಗ, ನಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ನಾವು revel.js ಎಂಬ ಫೋಲ್ಡರ್ ಅನ್ನು ಕಾಣುತ್ತೇವೆ. ಅದನ್ನು ಪ್ರವೇಶಿಸಲು ಇ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ, ನಾವು ಟರ್ಮಿನಲ್‌ನಲ್ಲಿ ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಗಳನ್ನು ಮಾತ್ರ ಬಳಸಬೇಕಾಗುತ್ತದೆ (Ctrl + Alt + T):

install.js ಅನ್ನು ಸ್ಥಾಪಿಸಿ

cd reveal.js

sudo npm install

ಎಲ್ಲಾ ಅಪ್ಲಿಕೇಶನ್ ಅವಲಂಬನೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿದ ನಂತರ, ನಾವು ಈಗ ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಬಳಸಿ ಚಲಾಯಿಸಬಹುದು:

reveal.js ಸರ್ವರ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಿ

npm start

ಹಿಂದಿನ ಆಜ್ಞೆಯು ಸರ್ವರ್‌ನ ಐಪಿ ವಿಳಾಸದ ಜೊತೆಗೆ ಡೀಫಾಲ್ಟ್ ಪೋರ್ಟ್ ಆಗಿರುವ ಪೋರ್ಟ್ 8000 ಮೂಲಕ ಸೇವೆಯನ್ನು ಒದಗಿಸಲಾಗುವುದು ಎಂದು ಸೂಚಿಸುತ್ತದೆ. ಈಗ, ನಾವು ಮಾಡಬೇಕಾಗಿದೆ ನಮ್ಮ ನೆಚ್ಚಿನ ವೆಬ್ ಬ್ರೌಸರ್ ತೆರೆಯಿರಿ ಮತ್ತು ಹೋಗಿ http://ip-servidor:8000. ಈ ದಿಕ್ಕಿನಲ್ಲಿ ನಾವು reveal.js ನ ಡೀಫಾಲ್ಟ್ ಪ್ರಸ್ತುತಿಯನ್ನು ನೋಡುತ್ತೇವೆ, ಇದು ಅನುಸ್ಥಾಪನೆಯು ಯಶಸ್ವಿಯಾಗಿದೆ ಎಂದು ಸೂಚಿಸುತ್ತದೆ.

ಬಹಿರಂಗಪಡಿಸುವಿಕೆಯನ್ನು ಪ್ರಾರಂಭಿಸಿ

ನಮಗೂ ಸಾಧ್ಯವಾಗುತ್ತದೆ -ಪೋರ್ಟ್ ಬಳಸಿ ಪೋರ್ಟ್ ಬದಲಾಯಿಸಿ ಕೆಳಗೆ ತಿಳಿಸಿದಂತೆ:

npm start -- --port=8001

Releve.js ಅನ್ನು ಒಮ್ಮೆ ಸ್ಥಾಪಿಸಿದ ನಂತರ, ಇದಕ್ಕಾಗಿ ಮಾರ್ಗದರ್ಶಿಗಳನ್ನು ಉಲ್ಲೇಖಿಸುವುದು ಒಳ್ಳೆಯದು ಮಾರ್ಕಪ್ ಆಯ್ಕೆಗಳು ಮತ್ತು ಆಫ್ ಸೆಟಪ್ ಈ ಚೌಕಟ್ಟನ್ನು ಉತ್ತಮಗೊಳಿಸಲು. Revevel.js ಅನ್ನು ಹೇಗೆ ಸ್ಥಾಪಿಸುವುದು ಎಂಬುದರ ಕುರಿತು ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ, ಬಳಕೆದಾರರು ಸಹ ಸಮಾಲೋಚಿಸಬಹುದು GitHub ನಲ್ಲಿ ಪುಟ ಯೋಜನೆಯ.

ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಲು ಪವರ್‌ಪಾಯಿಂಟ್‌ಗೆ ರಿವೀಲ್.ಜೆಎಸ್ ಪರ್ಯಾಯವಾಗಿದೆ, ಇದನ್ನು ನಾವು ಶಿಕ್ಷಣದಲ್ಲಿ ಅಥವಾ ಕೆಲಸದಲ್ಲಿಯೂ ಬಳಸಬಹುದು. ಈ ಲೇಖನದ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸುವ ಮೂಲಕ, ಯಾವುದೇ ಬಳಕೆದಾರರಿಗೆ ಸಾಧ್ಯವಾಗುತ್ತದೆ ಈ ಪ್ರೋಗ್ರಾಂ ಅನ್ನು ಉಬುಂಟು 20.04 ವ್ಯವಸ್ಥೆಯಲ್ಲಿ ಸ್ಥಾಪಿಸಿ. ಎಚ್ಟಿಎಮ್ಎಲ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಬಳಸಿ ಯಾರಾದರೂ ಉತ್ತಮ ಪ್ರಸ್ತುತಿಗಳನ್ನು ರಚಿಸಬಹುದು.

ಪ್ರಾಜೆಕ್ಟ್ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ, ಈ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದರ ಕುರಿತು ನೀವು ಇನ್ನಷ್ಟು ತಿಳಿದುಕೊಳ್ಳಲು ಬಯಸಿದರೆ, ಬಳಕೆದಾರರಿಗೆ ಸಾಧ್ಯವಾಗುತ್ತದೆ ಸಂಪರ್ಕಿಸಿ ಅಧಿಕೃತ ದಸ್ತಾವೇಜನ್ನು. ಅದರಲ್ಲಿ, ಈ ಉಪಕರಣದೊಂದಿಗೆ ನಾವು ಹೇಗೆ ಸರಳ ಮತ್ತು ವೇಗವಾಗಿ ಕೆಲಸ ಮಾಡಬಹುದು ಎಂಬುದನ್ನು ಅದರ ಸೃಷ್ಟಿಕರ್ತ ನಮಗೆ ತೋರಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗೆ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ ಸ್ಲೈಡ್‌ಗಳು

ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಥವಾ ಮಾರ್ಕ್ಡೌನ್ ಅನ್ನು ಬರೆಯದೆ ರಿವೀಲ್.ಜೆಎಸ್ನ ಪ್ರಯೋಜನಗಳನ್ನು ಆನಂದಿಸಲು ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದರೆ, ಸೃಷ್ಟಿಕರ್ತ ನಮಗೆ ಪರೀಕ್ಷಿಸುವ ಸಾಧ್ಯತೆಯನ್ನು ಸಹ ನೀಡುತ್ತದೆ slides.com. ಇದು visual.js ನ ಎಲ್ಲಾ ಕಾರ್ಯಗಳನ್ನು ಹೊಂದಿರುವ ದೃಶ್ಯ ಸಂಪಾದಕ ಮತ್ತು ವೇದಿಕೆಯಾಗಿದೆ.


ಲೇಖನದ ವಿಷಯವು ನಮ್ಮ ತತ್ವಗಳಿಗೆ ಬದ್ಧವಾಗಿದೆ ಸಂಪಾದಕೀಯ ನೀತಿ. ದೋಷವನ್ನು ವರದಿ ಮಾಡಲು ಕ್ಲಿಕ್ ಮಾಡಿ ಇಲ್ಲಿ.

ಕಾಮೆಂಟ್ ಮಾಡಲು ಮೊದಲಿಗರಾಗಿರಿ

ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು ಬಿಡಿ

ನಿಮ್ಮ ಈಮೇಲ್ ವಿಳಾಸ ಪ್ರಕಟವಾದ ಆಗುವುದಿಲ್ಲ. ಅಗತ್ಯವಿರುವ ಜಾಗ ಗುರುತಿಸಲಾಗಿದೆ *

*

*

  1. ಡೇಟಾಗೆ ಜವಾಬ್ದಾರಿ: ಮಿಗುಯೆಲ್ ಏಂಜೆಲ್ ಗಟಾನ್
  2. ಡೇಟಾದ ಉದ್ದೇಶ: ನಿಯಂತ್ರಣ SPAM, ಕಾಮೆಂಟ್ ನಿರ್ವಹಣೆ.
  3. ಕಾನೂನುಬದ್ಧತೆ: ನಿಮ್ಮ ಒಪ್ಪಿಗೆ
  4. ಡೇಟಾದ ಸಂವಹನ: ಕಾನೂನುಬದ್ಧ ಬಾಧ್ಯತೆಯನ್ನು ಹೊರತುಪಡಿಸಿ ಡೇಟಾವನ್ನು ಮೂರನೇ ವ್ಯಕ್ತಿಗಳಿಗೆ ಸಂವಹನ ಮಾಡಲಾಗುವುದಿಲ್ಲ.
  5. ಡೇಟಾ ಸಂಗ್ರಹಣೆ: ಆಕ್ಸೆಂಟಸ್ ನೆಟ್‌ವರ್ಕ್‌ಗಳು (ಇಯು) ಹೋಸ್ಟ್ ಮಾಡಿದ ಡೇಟಾಬೇಸ್
  6. ಹಕ್ಕುಗಳು: ಯಾವುದೇ ಸಮಯದಲ್ಲಿ ನೀವು ನಿಮ್ಮ ಮಾಹಿತಿಯನ್ನು ಮಿತಿಗೊಳಿಸಬಹುದು, ಮರುಪಡೆಯಬಹುದು ಮತ್ತು ಅಳಿಸಬಹುದು.